Quando usar a instrução if para programar html com javascript
Você realmente não pode escapar usando o E se
Conteúdo
Como criar um simples se instrução em javascript
Um dos usos mais comuns da 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.
Video: Usando o comando condicional IF no javascript
// Criar uma expressão que resulta em verdadeiro ou false.var Resposta = confirm ("Você deseja exibir a mensagem secreta?") - // Teste a expressão usando a se statement.if (Resposta) {// Mostrar a mensagem secreta quando o usuário clica // OK.document.getElementById ("Resultado") = .innerHTML"Esta é a mensagem secreta!"-}Nesse caso, Responda pode conter apenas verdade ou falso Porque confirme() não emite quaisquer outros valores. Como conseqüê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 de verdade é escondida, como quando se trabalha com a estrutura switch, mas o valor de 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 é correta e mais alguma coisa quando é incorreta. Neste caso, você adiciona o outro cláusula em E se declaração como mostrado no exemplo a seguir.
// Criar uma expressão que resulta em verdadeiro ou false.var Resposta = confirm ("Você deseja exibir a mensagem secreta?") - // Teste a expressão usando a se statement.if (Resposta) {// Mostrar a mensagem secreta 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 lida com a falsa condição. O exemplo ainda emite a mensagem secreta quando o usuário clica em OK na confirme() 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 confirme() 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 declarações - ou seja, coloque 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") {// Exibir uma dialog.alert erro ("Por favor, forneça a entrada numérica!") - // Retorna sem fazer nada more.return -} // Certifique-se que a opção é realmente um integer.var Selecione = Math.round (opção) - // Verificar se a entrada está no range.if ((Selecionar lt; 1) || (Selecione gt; 3)) {// Exibir 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 (Select == 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, 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 para um número inteiro. A conversão de dados é importante no javascript porque trata ambos números 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 () é esperando valores inteiros na faixa de 1 a 3, de modo que a verificação de intervalo procura por esses valores.
o 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 nested 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.
