ANÚNCIO

~/questoes/programacao

No projeto, como o estado da aplicação foi gerenciado durante uma compra?

Responda, confira o feedback e use o resultado para orientar sua revisão.
Aula de referência Curso JavaScript para Iniciantes
Para fixar

Como Gerenciar o Estado da Aplicação em JavaScript

Conceito central

O estado da aplicação é o conjunto de dados que armazena a situação atual do programa em memória. Em um sistema de compra de passagens, o estado registra quais assentos foram selecionados, quantos foram escolhidos e qual é o preço total, permitindo que a aplicação funcione de forma dinâmica e responsiva.

Por que essa resposta faz sentido

Variáveis JavaScript armazenam dados em memória durante a execução do programa, permitindo que o sistema rastreie as seleções do usuário em tempo real. Esse é o método mais comum e eficiente para manter o estado em aplicações web interativas, pois as informações estão sempre disponíveis para lógica, cálculos e atualizações visuais.

Armadilhas comuns

  • Confundir estado em memória (variáveis) com persistência de dados (cookies, banco de dados). Variáveis são temporárias e se perdem ao recarregar a página.
  • Pensar que HTML e CSS sozinhos conseguem armazenar e gerenciar dados. Essas linguagens definem apenas a estrutura e aparência, não comportamento dinâmico.
  • Acreditar que toda solução de armazenamento de dados é igualmente boa. Para estado durante a execução, variáveis em JavaScript são simples, rápidas e apropriadas.

Entenda as alternativas

A

Cookies são úteis para persistir dados entre sessões, mas não são o mecanismo principal para gerenciar estado durante a execução. Além disso, guardar tudo em cookies deixaria o código mais lento e complexo desnecessariamente.

B

HTML estático não possui capacidade de armazenar ou modificar dados dinamicamente. Para uma aplicação interativa como a compra de passagens, o HTML serve apenas como estrutura visual, enquanto JavaScript torna tudo funcional.

C

Escrever em arquivos de texto seria impraticável no navegador e extremamente lento. Além disso, JavaScript no navegador não tem acesso direto ao sistema de arquivos por questões de segurança.

D

Variáveis JavaScript mantêm os dados em memória RAM durante a execução, permitindo acesso instantâneo e rápido. Elas registram as seleções de assentos e facilitam cálculos de preço, validações e atualizações da interface de forma eficiente.

Dica prática: Ao construir um projeto como seleção de assentos, crie um array ou objeto em JavaScript para armazenar as escolhas do usuário. Atualize essa variável a cada clique e use-a para calcular o preço total e validar se um assento já foi selecionado. Exemplo: `let assentosSelecionados = [];` e depois `assentosSelecionados.push(numeroAssento);`

Revise pensando: Se você quer que o sistema lembre quais assentos foram selecionados durante a compra, qual estrutura do JavaScript você usaria para isso?