Javascript – Fund. Básicos

Javascript - Fundamentos Básicos
- Lecture 1
  Javascript Tutorial
- Lecture 2
  Javascript – Introdução
- Lecture 3
  JavaScript – Sintaxe
- Lecture 4
  Javascript – Habilitando JavaScript em navegadores
- Lecture 5
  Javascript – Onde colocá-lo no HTML
- Lecture 6
  Javascript – Variáveis
- Lecture 7
  Javascript – Aprendendo Operadores
- Lecture 8
  JavaScript – Aprendendo declaração if … else.
- Lecture 9
  Javascript -Aprendendo Switch Case
- Lecture 10
  Javascript – Aprendendo While Loops
- Lecture 11
  JavaScript – Aprendendo Loop For
- Lecture 12
  Javascript – Aprendendo loop for…in
- Lecture 13
  Javascript – Aprendendo controle de loop
- Lecture 14
  Javascript – Aprendendo Funções
- Lecture 15
  JavaScript – Arrays
- Lecture 16
  Javascript – Aprendendo Eventos
- Lecture 17
  Javascript – Aprendendo Sobre Cookies
- Lecture 18
  Javascript – Redirecionamento de página
- Lecture 19
  Javascript – Caixas de diálogo
- Lecture 20
  Javascript – Aprendendo Void Keyword
- Lecture 21
  JavaScript – Aprendendo a imprimir uma página

Javascript – Fund. Básicos

JavaScript – Aprendendo declaração if … else.

Ao escrever um programa, pode haver uma situação em que você precise adotar um de um determinado conjunto de caminhos. Nesses casos, você precisa usar instruções condicionais que permitem que seu programa tome decisões corretas e execute as ações corretas.

JavaScript oferece suporte a declarações condicionais que são usadas para executar ações diferentes com base em condições diferentes. Aqui vamos explicar a instrução if..else.

JavaScript suporta as seguintes formas de instrução if..else.

declaração if
declaração if … else
if … else if … declaração.

declaração if

A instrução if é a instrução de controle fundamental que permite ao JavaScript tomar decisões e executar instruções condicionalmente.
Sintaxe

A sintaxe para uma instrução if básica é a seguinte:

if (expression) {
   Statement(s) to be executed if expression is true
}

Aqui, uma expressão JavaScript é avaliada. Se o valor resultante for verdadeiro, a (s) instrução (ões) fornecida (s) são executadas. Se a expressão for falsa, nenhuma instrução não será executada. Na maioria das vezes, você usará operadores de comparação ao tomar decisões.
Exemplo

Tente o exemplo a seguir para entender como a instrução if funciona.

<html>
   <body>     
      <script type = "text/javascript">
         <!--
            var age = 20;
         
            if( age > 18 ) {
               document.write("<b>Qualifies for driving</b>");
            }
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

declaração if … else

A instrução ‘if … else’ é a próxima forma de instrução de controle que permite ao JavaScript executar instruções de uma forma mais controlada.

Sitaxe:

if (expression) {
   Statement(s) to be executed if expression is true
} else {
   Statement(s) to be executed if expression is false
}

Aqui a expressão JavaScript é avaliada. Se o valor resultante for verdadeiro, a (s) declaração (ões) fornecida (s) no bloco ‘if’ são executadas. Se a expressão for falsa, então a (s) instrução (ões) fornecida (s) no bloco else são executadas.

Exemplo

Tente o código a seguir para aprender como implementar uma instrução if-else em JavaScript.

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var age = 15;
         
            if( age > 18 ) {
               document.write("<b>Qualifies for driving</b>");
            } else {
               document.write("<b>Does not qualify for driving</b>");
            }
         //-->
      </script>     
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

if … else if … declaração

A instrução if … else if … é uma forma avançada de if … else que permite ao JavaScript tomar uma decisão correta entre várias condições.
Sintaxe

A sintaxe de uma instrução if-else-if é a seguinte:

if (expression 1) {
   Statement(s) to be executed if expression 1 is true
} else if (expression 2) {
   Statement(s) to be executed if expression 2 is true
} else if (expression 3) {
   Statement(s) to be executed if expression 3 is true
} else {
   Statement(s) to be executed if no expression is true
}

Não há nada de especial neste código. É apenas uma série de instruções if, onde cada if é parte da cláusula else da instrução anterior. As instruções são executadas com base na condição verdadeira, se nenhuma das condições for verdadeira, o bloco else é executado.

Exemplo

Tente o código a seguir para aprender como implementar uma instrução if-else-if em JavaScript

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var book = "maths";
            if( book == "history" ) {
               document.write("<b>History Book</b>");
            } else if( book == "maths" ) {
               document.write("<b>Maths Book</b>");
            } else if( book == "economics" ) {
               document.write("<b>Economics Book</b>");
            } else {
               document.write("<b>Unknown Book</b>");
            }
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
<html>

Anterior Javascript – Aprendendo Operadores

Próximo Javascript -Aprendendo Switch Case

Javascript - Fundamentos Básicos