Na programação, é crucial saber como tomar decisões. As condições If e Else-If são alguns dos conceitos mais fundamentais na programação. Elas permitem que o código seja executado com base em condições específicas. Neste guia, você aprenderá a usar essas condições de forma eficiente em JavaScript para implementar lógica de decisão em suas aplicações.
Principais conclusões
- As condições If e Else-If determinam qual código será executado com base em condições satisfeitas.
- Quando uma condição é satisfeita, o código dentro das chaves é executado.
- Múltiplas condições podem ser complementadas por estruturas Else-If.
- Com Else, você pode cobrir todos os casos que não foram atendidos anteriormente.
- Certifique-se de usar o símbolo de comparação correto.
Guia passo a passo
Para entender o uso de condições If e Else-If, vamos passar por um exemplo prático. Neste exemplo, decidiremos se uma pessoa pode consumir bebidas alcoólicas com base em sua idade.
1. Prepare a base do programa
Primeiro, você deve garantir que sua página HTML esteja preparada. Adicione uma tag HTML simples para exibir os textos.

2. Crie uma variável para a idade
Crie uma variável que armazena a idade do usuário. Neste exemplo, vamos definir a idade como 14.
Isso significa que temos a condição para uma pessoa que tem 14 anos. Agora você pode começar a implementar a declaração If.

3. Implemente a verificação If
Comece com a condição If, que verifica se a idade é menor que 16.
Se a idade for menor que 16, o texto "Não pode beber álcool" será exibido na página. Teste o código e você verá que funciona.
4. Verifique outra condição com Else-If
Se você quiser verificar várias condições, adicione um Else-If para captar uma condição mais específica. Nesse caso, vamos verificar se a idade é 16.
Essa condição exibe uma mensagem diferente quando alguém tem exatamente 16 anos.
5. Adicione outra condição
Agora uma outra mensagem será exibida quando alguém tiver mais de 16 anos.
6. Implemente a declaração Else
Para cobrir todas as outras condições que não foram atendidas, você pode adicionar uma declaração else. Aqui, tratamos o caso em que o usuário tem exatamente 17 anos ou quando nenhuma das condições anteriores foi atendida.
Com essa declaração, o usuário é informado em qual faixa etária não se enquadra.
7. Teste diferentes valores de idade
Altere a idade na sua variável e teste o programa exaustivamente. Experimente diferentes valores para ver se as mensagens corretas são exibidas.
8. Uso correto dos operadores de comparação
Verifique se você está usando os operadores de comparação corretos. Para comparar valores, use "==" ou "===", sendo que "===" também verifica o tipo.
9. Uso de expressões múltiplas
Veja também como verificar várias condições em uma única declaração If para tornar o código mais eficaz.
10. Use indentações e legibilidade
É importante que você estruture seu código de forma clara. Use indentações para tornar o código mais legível. Isso não apenas ajuda você a entender melhor a lógica, mas também outros que lerão seu código.
Resumo – Fundamentos das condições If e Else-If em JavaScript
Você aprendeu como funcionam as condições If e Else-If em JavaScript. Esses blocos de construção da programação permitem que você implemente lógica em suas aplicações, de modo que diferentes seções de código possam ser executadas conforme as condições que você define.
Perguntas frequentes
Como funcionam as condições If e Else-If?As condições If e Else-If verificam se uma determinada condição é verdadeira e executam o código correspondente.
O que acontece se nenhuma das condições for atendida?Nesse caso, o código no bloco Else será executado.
Como uso várias condições?Você pode adicionar vários blocos Else-If para verificar condições mais específicas.
Qual é a diferença entre "=" e "=="?O "=" é usado para atribuição, enquanto "==" é utilizado para comparações. O "===" também verifica o tipo.
Eu sempre preciso de chaves em declarações If?Se você tem apenas uma linha de código, as chaves não são obrigatórias, mas é recomendado usá-las para clareza.