If statements

Os programas precisam tomar decisões e realizar ações com base em diferentes situações. Por exemplo, um aplicativo de clima pode mostrar um gráfico de nascer do sol se for de manhã, ou uma lua se for noite.

Em JavaScript, controlamos essas escolhas com instruções condicionais.

O que uma instrução if faz

Uma instrução if verifica uma condição.

Se a condição for verdadeira, o JavaScript executa o código dentro das chaves {}. Se a condição for falsa, o JavaScript pula esse código e segue em frente.

Primeiro exemplo de código

Vamos usar o operador >= para verificar a idade de um usuário.

const age = 18;

if (age >= 18) {
  console.log("Você tem idade suficiente para votar.");
}

Análise do código

• A palavra-chave if diz ao JavaScript para iniciar uma condição.
• A condição vai dentro dos parênteses ().
• age >= 18 pergunta: "A idade é maior ou igual a 18?"
• Como age é 18, a condição é verdadeira.
• A mensagem aparece na seção de saída depois que você clica em Executar.

Usando else

E se a condição for falsa? Podemos adicionar else para dar ao programa outro bloco de código para executar.

const score = 45;

if (score >= 60) {
  console.log("Você passou!");
} else {
  console.log("Você não passou.");
}

Aqui, score >= 60 é falso, então o JavaScript pula o bloco if e executa o bloco else em vez disso.

Usando else if

Às vezes, você precisa verificar mais de duas possibilidades. Você pode usar else if para testar outra condição antes de um bloco else opcional.

Usamos === para verificar se dois valores são exatamente iguais.

const weather = "raining";

if (weather === "sunny") {
  console.log("Use óculos de sol.");
} else if (weather === "raining") {
  console.log("Leve um guarda-chuva.");
} else {
  console.log("Tenha um ótimo dia!");
}

O JavaScript verifica as condições de cima para baixo. Ele pula "sunny", descobre que "raining" é verdadeiro e envia "Leve um guarda-chuva." para a seção de saída.

Mini tarefa

Edite o código do clima acima.

Mude o valor de weather de "raining" para "snowing". Depois clique em Executar e confira a seção de saída.

Qual mensagem você vê?

Pequeno quiz

Pergunta: O que acontece se a condição em uma instrução if for falsa, e não houver um bloco else?

• A) O programa trava.
• B) O código dentro do bloco if é executado mesmo assim.
• C) O código dentro do bloco if é pulado e o programa segue em frente.

Resposta: C. Se a condição for falsa, o JavaScript pula o código dentro do bloco if.

Pequeno desafio

Escreva um programa que verifique o status de login de um usuário.

• Crie uma variável chamada loginStatus.
• Verifique se loginStatus é exatamente igual a "yes".
• Se for, mostre "Bem-vindo de volta!".
• Caso contrário, mostre "Por favor, faça login.".

// coloque seu código abaixo

console.log()

Resumo

Agora você sabe como tomar decisões simples em JavaScript.

• if executa o código quando uma condição é verdadeira.
• else executa o código quando a condição do if é falsa.
• else if permite que você verifique mais de uma condição.