Para fechar o ciclo de tutoriais para iniciantes, o Tutorial Javascript III vai tratar de condições, de loops e de funções.

Condição IF

A condição IF checa se uma determinada condição é verdadeira ou falsa. Se a condição analisada for verdadeira, as declarações dentro do primeiro conjunto de chaves será executado. Se a condição for falsa, a próxima será analisada e assim sucessivamente.

A sintaxe da condição IF

IF (condição)
   { declaração 1 }
ELSE IF (condição alternativa)
   { declaração 2 }
ELSE
   { declaração 3 }

A tradução de IF é SE e a de ELSE é CASO CONTRÁRIO. A sintaxe mostrada acima pode ser traduzida por SE(condição) for verdadeira então { declaração 1 }, CASO CONTRÁRIO SE(condição alternativa) for verdadeira então { declaração 2 }, CASO CONTRÁRIO { declaração 3 }. Numa condição IF os membros ELSE IF e ELSE não são obrigatórios, apenas complementam e ampliam as potencialidades de análise de condições. Vamos a alguns exemplos para deixar mais clara a aplicação desta condição. Aproveite e use o ScriptBox para testar quantas condições IF quiser.

Exemplo simples

var cor = "vermelho";
if (cor == "vermelho")
   { alert("A cor é " + cor); }

Neste exemplo mais simples existe apenas uma condição IF que testa o valor da variável cor. Caso o valor desta variável seja a string vermelho, então as declarações entre as chaves são executadas; se a condição for falsa, as declarações entre as chaves não serão executadas.

Como existe apenas uma declaração entre as chaves, podemos dispensar as chaves - é o único caso em que podemos fazer isto - ou seja, o código abaixo é equivalente ao mostrado acima.

As chaves funcionam como delimitadores. É por este motivo que, após uma chave de fechamento NUNCA se coloca o delimitador ponto e vírgula (;), ou seja, { alert("A cor é " + cor); }; está errado. Outra coisa: apenas declarações ficam entre chaves, condições IF ficam entre parênteses.

var cor = "vermelho";
if (cor == "vermelho") alert("A cor é " + cor);

ScriptBox

Exemplo IF/ELSE

Podemos solicitar que o usuário forneça um valor qualquer e depois mostrar o resultado da escolha usando IF/ELSE. Por exemplo:

var escolha = prompt("Para falar com João, digite 1.\nPara falar com Maria, digite 2.
                     \nPara falar com Pedro, digite 3");
if (escolha == 1) alert("Aguarde. João vai atendê-lo num instante.");
else if (escolha == 2) alert("Aguarde. Maria vai atendê-lo num instante.");
else if (escolha == 3) alert("Aguarde. Pedro vai atendê-lo num instante.");

Observe duas coisas neste código. A primeira é que, se o usuário digitar um número diferente de 1, 2 ou 3, nada vai acontecer porque esta condição não foi prevista. A segunda está na primeira linha de código: ela contém um troço diferente que não aparece nas caixas de diálogo, o conjunto \n. Uma barra invertida (\) dentro de uma string indica que o próximo caracter será o que se chama de caracter de escape. Caracteres de escape são interpretados como sinalizadores especiais. Neste caso, \n indica que deve ocorrer uma quebra de linha no ponto em que ele se encontra.

ScriptBox

Exemplo completo

var escolha = prompt("Para falar com João, digite 1.\nPara falar com Maria, digite 2.
                     \nPara falar Pedro, digite 3");
if (escolha == 1) alert("Aguarde. João vai atendê-lo num instante.");
else if (escolha == 2) alert("Aguarde. Maria vai atendê-lo num instante.");
else if (escolha == 3) alert("Aguarde. Pedro vai atendê-lo num instante.");
else alert("Você digitou o número do Lula.
           \n Assim que o aerolula pousar o presidente vai atendê-lo.");

ScriptBox