Page cover

7.4 - Estruturas condicionais

🌟 Entendendo as Estruturas Condicionais em JavaScript

🌟 Entendendo as Estruturas Condicionais em JavaScript

"Se chover, levo o guarda-chuva. Se fizer sol, coloco os óculos escuros." Você já pensou como o computador toma decisões parecidas com essas? Vamos descobrir! 💻☀️🌧️


🤔 O que são estruturas condicionais?

Estruturas condicionais são formas de dizer para o computador:

"Ei, se isso aqui for verdade, faça tal coisa!" "Se não, faça outra coisa."

Elas ajudam o código a tomar decisões, como numa conversa: Se acontecer X, então faça Y.


if, else if e else — o trio básico

Vamos começar com os três comandos mais comuns:

📌 if (se)

Usado para testar uma condição. Se for verdadeira, o código dentro das chaves {} será executado.

let idade = 18;

if (idade >= 18) {
  console.log("Você pode dirigir! 🚗");
}

📌 else (senão)

Usado quando queremos fazer algo diferente caso a condição seja falsa.

let idade = 16;

if (idade >= 18) {
  console.log("Você pode dirigir! 🚗");
} else {
  console.log("Você ainda não pode dirigir. 🧒");
}

📌 else if (senão se)

Usado quando queremos verificar mais de uma possibilidade.

let nota = 7;

if (nota >= 9) {
  console.log("Excelente! 🏆");
} else if (nota >= 6) {
  console.log("Você passou! 👍");
} else {
  console.log("Precisa melhorar. 💪");
}

🔁 Vários exemplos da vida real

☕ Exemplo 1: Café com açúcar?

let querAcucar = true;

if (querAcucar) {
  console.log("Adicionando açúcar no café ☕🍬");
} else {
  console.log("Café puro saindo! ☕");
}

📱 Exemplo 2: Bateria do celular

let bateria = 15;

if (bateria >= 50) {
  console.log("Tudo certo com a bateria 🔋");
} else if (bateria >= 20) {
  console.log("Melhor economizar... 😬");
} else {
  console.log("Conecte o carregador AGORA! ⚠️🔌");
}

🧠 Dica de ouro: sempre pense como o computador

💡 O computador não entende emoções ou intenções. Ele só executa o que você manda baseado na lógica.

Por isso:

  • Use == para comparar valores (ex: idade == 18)

  • Use === para comparar valores e tipos (ex: idade === "18" → falso!)

  • Use > (maior), < (menor), >= (maior ou igual), <= (menor ou igual)


🛠️ Exercício prático para treinar

Tente escrever um código que diga se a pessoa pode ou não entrar em um cinema, baseado na idade.

// Dica: use if e else com idade

Depois, tente melhorar o código adicionando:

  • uma condição para "meia entrada" se a idade for entre 13 e 17

  • uma mensagem especial se a idade for maior que 60


📚 Fonte oficial: MDN Web Docs – if...else


🚀 Resumo Final

Comando
Quando usar

if

Quando precisa verificar uma condição

else

Quando quer uma alternativa se if for falso

else if

Quando precisa testar várias condições diferentes


💬 Lembre-se: aprender programação é como aprender um novo idioma. Quanto mais você pratica, mais fluente você se torna! E você já deu um grande passo aprendendo as estruturas condicionais! 👏✨

Last updated