Quando usar a instrução if programar HTML com javascript

Você realmente não pode escapar usando o E se

declaração com javascript. o E se declaração é comumente usado para testar se algo aconteceu ou não, se os dados estiverem no alcance ou não, ou se o usuário deseja executar uma tarefa específica.

Como criar um simples se instrução em javascript

Um dos usos mais comuns do E se declaração é fazer uma seleção simples. Quando o usuário toma uma determinada ação, algo acontece. No exemplo a seguir, quando o usuário clica em OK na caixa de diálogo de confirmação, o aplicativo exibe a mensagem secreta.

// Cria uma expressão que resulta em verdadeiro ou false.var Resposta = confirm ( "Você quer exibir a mensagem secreta?") - // Teste a expressão usando a se statement.if (Resposta) {// Mostrar a segredo mensagem quando o usuário clica // OK.document.getElementById ( "resultado") innerHTML = "Esta é a mensagem secreta!" -.}

Nesse caso, Responda pode conter apenas verdade ou falso Porque confirmar() não emite quaisquer outros valores. Como consequência, você não precisa executar qualquer tipo de verificações de valor em Responda - tudo o que você precisa fazer é determinar o valor de verdade de Responda para tomar a decisão.

Todas as expressões tomada de decisão que você nunca criar terá um valor de verdade de algum tipo - verdadeiro ou falso. Às vezes, o valor verdade é escondida, como quando se trabalha com a estrutura switch, mas o valor verdade está lá.

Computadores não entendo nada que não seja verdadeira ou falsa. Existem técnicas que fazem parecer que o computador pode fazer outra coisa, mas na realidade, tudo se resume a tomar uma decisão verdadeira ou falsa, como mostrado aqui.

O que mais você pode fazer com a instrução if?

Você usa o E se declaração em situações em que um aplicativo precisa fazer alguma coisa quando o usuário responde corretamente, mas ignoram a entrada quando a resposta está incorreta. No entanto, há momentos em que você deve fazer algo quando a entrada está correta e mais alguma coisa quando é incorreta. Neste caso, você adicionar o outro cláusula em E se declaração como mostrado no exemplo a seguir.

// Cria uma expressão que resulta em verdadeiro ou false.var Resposta = confirm ( "Você quer exibir a mensagem secreta?") - // Teste a expressão usando a se statement.if (Resposta) {// Mostrar a segredo mensagem quando o usuário clica // OK.document.getElementById ( "resultado") innerHTML = "Esta é a mensagem secreta!" -.} else {// Executar uma task.alert alternativa ( "Clique em OK na próxima vez para ver a mensagem ! ") -}

UMA cláusula é uma extensão de uma estrutura. Neste caso, o outro cláusula estende-se a E se estrutura para incluir um segundo bloco de código que manipula a condição falsa. O exemplo ainda emite a mensagem secreta quando o usuário clica em OK na confirmar() caixa de diálogo.

No entanto, agora o código também exibe um alerta() de diálogo quando o usuário clica em Cancelar. Esta ação secundária ajuda o usuário a entender como reagir ao confirmar() caixa de diálogo para obter uma saída diferente.

Como ninho if em javascript

Há muitas razões pelas quais você pode ninho E se demonstrações - isto é, colocar uma E se declaração dentro de outro. Neste caso, o usuário seleciona uma tela opção, CheckChoice () executa uma verificação dessa opção, e em seguida CheckChoice () exibe a tela resultado correto.

função CheckChoice (opção) {// Verifique se a entrada é um number.if (typeof (opção) = "número"!) {// exibe uma dialog.alert erro ( "Por favor, forneça a entrada numérica!") - // Retorno sem fazer nada more.return -} // Certifique-se que a opção é realmente um integer.var Selecione = Math.round (opção) - // Verifique se a entrada está em range.if ((Selecionar lt; 1) || (Select> 3)) {// exibe uma dialog.alert erro ( "O valor fornecido está fora de alcance!") - // Retorna sem fazer nada more.return -} // Faz um selection.if (Selecione == 1) {. document.getElementById ( "resultado") innerHTML = "Você escolheu item A." -}. else {if (Selecione == 2) {document.getElementById ( "resultado") innerHTML = "Você escolheu item B. "-} else {document.getElementById (" resultado ") innerHTML =." Você escolheu item C "-.}}}

Este exemplo não depende de uma fonte conhecida de entrada, de modo que começa por executar várias verificações dos dados. A primeira verificação verifica se o chamador tiver fornecido um valor numérico. Afinal de contas, o chamador poderia fornecer uma string ou um valor booleano vez. Para essa matéria, a entrada poderia ser um ponteiro para outra função ou qualquer outra coisa que javascript suporta - você simplesmente não sabe.

O próximo passo converte a entrada numérica em um inteiro. A conversão de dados é importante em javascript porque ele trata os dois inteiros e valores de ponto flutuante como números. Se você quiser um valor inteiro, usando Math.round () para obtê-lo é o melhor caminho a percorrer. Esta função arredonda a entrada para o valor inteiro mais próximo, o que significa que você não acabam tentando realizar comparações contra valores como 3,5.

Neste ponto, você sabe que tem um número e que o número é um número inteiro, mas você não sabe se o número está na faixa correta. A incapacidade de variar a verificar valores de entrada é a causa de muitos problemas em aplicações javascript. CheckChoice () espera valores inteiros na gama de 1 a 3, de modo que a verificação de intervalo olha para estes valores.

a aninhados E se declaração é quase anticlímax neste momento. Você sabe disso selecionar contém 1, 2, ou 3. O primeiro E se instrução verifica para um valor de 1 e exibe uma mensagem quando encontra esse valor. Quando o valor é algo diferente de 1, o outro cláusula assume. Dentro do outro cláusula é uma aninhada E se declaração.

este E se instrução verifica selecionar para um valor de 2 e exibe a mensagem apropriada quando é. Quando selecionar é 3, a outro cláusula desta segunda, aninhado, E se declaração exibe a mensagem apropriada.