Mudando valores

Bem-vindo ao próximo passo da sua jornada de programação! Você já sabe como criar variáveis para armazenar informações. Mas aplicativos e jogos raramente ficam congelados no tempo. Coisas acontecem, e a sua informação armazenada precisa ser atualizada.

Por que os valores mudam

Pense em jogar o seu videogame favorito.

• Você começa com uma pontuação de zero.
• Você coleta uma moeda, e a sua pontuação sobe.
• Você sofre dano, e perde uma vida.

Em programação, precisamos que as nossas variáveis se atualizem dinamicamente conforme esses eventos acontecem. Precisamos de contêineres que consigam trocar o conteúdo antigo por um novo.

Mudando um valor com let

Para criar uma variável que pode mudar, nós a criamos usando a palavra-chave let. A palavra let sinaliza ao JavaScript que esse valor tem permissão para ser atualizado mais tarde.

(Observação: Se você tem um valor que deve permanecer exatamente igual para sempre, pode usar a palavra-chave const em vez disso. Use let para valores que precisam mudar, como pontuações e contadores.)

Depois que uma variável é criada com let, você pode dar a ela um valor totalmente novo simplesmente usando o sinal de igual (=). Você não precisa digitar let uma segunda vez.

Primeiro exemplo de código

Vamos ver uma pontuação de jogo simples que aumenta com o tempo.

let score = 0;

score = score + 10;
console.log(score);

score = score + 5;
console.log(score);

Explicação passo a passo

Vamos detalhar exatamente o que está acontecendo no código acima:

• let score = 0; Criamos uma nova variável chamada score e definimos o valor inicial dela como 0.

• score = score + 10; O JavaScript sempre olha primeiro para o lado direito do sinal de igual. Ele pega o score atual (que é 0), soma 10 a ele e armazena esse novo resultado de volta na variável score.

• console.log(score); Enviamos a pontuação para a seção de saída para ver a atualização. A primeira saída será 10.

• score = score + 5; Novamente, ele calcula o lado direito primeiro. Ele pega o score atual (que agora é 10), soma 5 e armazena o resultado final (15) de volta na variável.

Mini tarefa

Olhe para o código abaixo. Sem executá-lo, tente adivinhar qual número final vai aparecer na seção de saída.

let lives = 3;
lives = lives - 1;
lives = 5;
console.log(lives);

Dica: As variáveis só lembram do valor mais recente!

Depois clique em Executar e confira a seção de saída para ver se o seu palpite estava certo.

Pequeno quiz

1. Qual palavra-chave você deve usar para criar uma variável se sabe que o valor dela vai precisar mudar mais tarde? A) const B) let

2. Como você dá um novo valor a uma variável chamada counter que já foi criada? A) let counter = 5; B) counter = 5;

(Respostas: 1. B, 2. B)

Pequeno desafio

Agora é a sua vez de praticar!

1. Crie uma variável chamada points usando let e defina-a como 10.
2. Mude o valor de points somando 20 ao valor atual dele.
3. Use console.log(points) para mostrar o resultado.

Clique em Executar e confira a seção de saída abaixo do código para ver se funciona!

// coloque seu código abaixo

console.log()

Resumo

• As variáveis criadas com let são flexíveis e podem mudar com o tempo.
• Você atualiza uma variável usando o nome dela e o sinal de igual (=). Você só usa a palavra let na primeira vez que a cria.
• Você pode usar o valor atual de uma variável para calcular o novo valor dela, como score = score + 10.
• Se um valor nunca deve mudar, use const em vez disso.