Aula 02 — Caixinhas com nome | Curso de JavaScript gustavoweb

// entendendo

Como funciona

Uma variável é uma caixinha com etiqueta. Você guarda um valor dentro e chama pelo nome depois.

let seguidores = 1280;
const meuUsuario = "@fulano";

let — caixa que pode mudar de conteúdo.
const — caixa lacrada: o valor não muda mais.

E três tipos de dado dão conta de quase tudo por agora:

number — número: 100, 47.5 (sem aspas)
string — texto: "Ana" (sempre entre aspas)
boolean — só duas opções: true ou false

Na dúvida sobre o que tem numa caixa, pergunte com typeof.

// mão na massa

Agora é com você

Os campos abaixo estão vazios de propósito. Escreva, clique em Rodar e veja o resultado. Errou? Ótimo — leia o erro e tente de novo. (Atalho: Ctrl+Enter roda o código.)

Criando suas caixinhas

Crie três variáveis: nome (texto), idade (número) e estudante (true ou false). Depois mostre as três no console.

a2e1.js

// crie as três variáveis aqui


// agora mostre as três no console

Preciso de uma dica

Modelo: let nome = "Ana"; · let idade = 16; · let estudante = true;. Repare: número e true/false não levam aspas.

Observação: true e false são palavras do JS, não texto. "true" com aspas é uma coisa completamente diferente (é texto).

O valor que muda

Um personagem tem 100 de vida e leva 35 de dano. Crie a variável vida, subtraia o dano dela e mostre a vida final.

a2e2.js

let vida = 100;
let dano = 35;

// faça a vida diminuir


// mostre a vida final

Preciso de uma dica

Você pode reescrever a caixa usando ela mesma: vida = vida - dano;. O JS calcula a direita primeiro (100 - 35) e guarda o resultado na caixa.

Observação: Essa linha assusta em matemática (vida = vida - dano?!), mas em programação = não é "igual", é "receba". Leia assim: vida recebe vida menos dano.

A caixa lacrada

Crie uma constante ESCOLA com o nome da sua escola. Depois tente mudar o valor dela e rode. Leia o erro que aparecer.

a2e3.js

// crie a constante


// agora tente mudar o valor dela (vai dar erro — é de propósito!)

Preciso de uma dica

const ESCOLA = "Colégio X"; e depois ESCOLA = "Outra";

Observação: Erro vermelho não é fracasso — é o JS te avisando o que houve. Leia sempre: TypeError: Assignment to constant variable quer dizer "você tentou mudar uma caixa lacrada".

Descobrindo o tipo

Use typeof pra descobrir e mostrar no console o tipo de: 42, "42", true.

a2e4.js

// mostre o tipo de cada valor

Preciso de uma dica

console.log(typeof 42); — e repita mudando o valor.

Observação: Olha a diferença: 42 é number, mas "42" é string. São coisas diferentes pro computador, e isso vai importar muito na próxima aula.

// desafio

perfil de gamer

Desafio: perfil de gamer

Monte o perfil de um jogador com variáveis: nick, nivel, moedas e premium (true/false). O jogador ganha 250 moedas e sobe 1 nível — atualize as variáveis e mostre o perfil final.

a2d1.js DESAFIO

// PERFIL DO JOGADOR


// o jogador ganhou 250 moedas e subiu 1 nível


// mostre o perfil atualizado

Preciso de uma dica

Use let nas que vão mudar (nivel, moedas) e const no nick, se ele não muda. Pra somar: moedas = moedas + 250;

Observação: Boa prática de time: use const por padrão e só troque pra let quando souber que o valor muda. Isso evita bug.