Desenvolvimento para Internet Professor Ariel da Silva Dias JAVASCRIPT Parte III
Estrutura condicional Muitas vezes, quando você escreve um código, você deseja executar ações diferentes para decisões diferentes. Você pode usar instruções condicionais em seu código para fazer isso. Em JavaScript, temos as seguintes declarações condicionais: Use if para especificar um bloco de código a ser executado, se uma condição especifica for verdadeira Use mais para especificar um bloco de código a ser executado, se a mesma condição for falsa Use else if para especificar uma nova condição para testar, se a primeira condição for falsa Use o switch para especificar muitos blocos de código alternativos a serem executados
Estrutura condicional - if if(expressão){ //código a ser executado } Exemplo: a = 2 if(a > 0) alert( Valor maior que zero )
Estrutura condicional if else if(expressão){ } else { } //código a ser executado caso a expressão do if seja verdadeira //código a ser executado caso a expressão do if seja falsa
Estrutura condicional if else a = 2 if(a < 0){ alert( Valor de a é menor que zero ) } else { alert( Valor de a é maior que zero ) }
Estrutura condicional if elseif else if(expressão1){ //código a ser executado caso a expressão do if seja verdadeira } else if(expressão2) { } else { } //código a ser executado caso a expressão1 seja falsa e a caso a expressão 2 seja verdadeira //código a ser executado caso a expressão1 e a expressão2 sejam falsas
Estrutura condicional if elseif else a = 2 if(a > 0){ alert( Valor de a é maior que zero ) } else if(a < 0) { alert( Valor de a é menor que zero ) } else { alert( Valor de a é igual a zero ) }
Estrutura condicional Exemplo prático <html> <head> </head> <body> </html> </body>
Estrutura condicional Exemplo prático <body> <body> <input type="text" id="nota1"/> <input type="text" id="nota2"/> <input type="text" id="nota3"/> <button onclick="median()"> CAPTURAR </button> <p id="textodacaixa"> </body> </body>
Estrutura condicional Exemplo prático <head> <script> function median(){ n1 = document.getelementbyid("nota1").value n2 = document.getelementbyid("nota2").value n3 = document.getelementbyid("nota3").value media = ((Number(n1) + Number(n2) + Number(n3)) / 3) document.getelementbyid("textodacaixa").innerhtml = media } </script> </head>
Estrutura condicional Exemplo prático Se a média for maior que 7, mostre na tela APROVADO Se a média for menor que 7, mostre EXAME Se a média for menor que 3, mostre REPROVADO
Estrutura condicional Exemplo prático function median(){ n1 = document.getelementbyid("nota1").value n2 = document.getelementbyid("nota2").value n3 = document.getelementbyid("nota3").value media = ((Number(n1) + Number(n2) + Number(n3)) / 3) if(media > 7) document.getelementbyid("textodacaixa").innerhtml = APROVADO else if(media < 7) document.getelementbyid("textodacaixa").innerhtml = EXAME else document.getelementbyid("textodacaixa").innerhtml = REPROVADO }
Estrutura condicional Exemplo prático Problemas Se a média for 7, qual o valor apresentado na tela? Se a média for 3, qual o valor apresentado na tela? Se a média for menor que 3, qual o valor apresentado na tela? Precisamos melhorar o algoritmo...
Estrutura condicional Exemplo prático Se a média for maior igual 7, mostre na tela APROVADO Se a média for menor que 7 E se a média for maior que 3, mostre EXAME Se a média for menor igual 3, mostre REPROVADO
Estrutura condicional Exemplo prático function median(){ n1 = document.getelementbyid("nota1").value n2 = document.getelementbyid("nota2").value n3 = document.getelementbyid("nota3").value media = ((Number(n1) + Number(n2) + Number(n3)) / 3) if(media >= 7) document.getelementbyid("textodacaixa").innerhtml = APROVADO else if(media < 7 && media >3) document.getelementbyid("textodacaixa").innerhtml = EXAME else //equivalente a if(media <= 3) document.getelementbyid("textodacaixa").innerhtml = REPROVADO }
Switch A instrução switch é usada para executar diferentes ações com base em diferentes condições. Use a instrução switch para selecionar um dos muitos blocos de código a serem executados.
Switch switch(expressão){ case a: //código break; case b: //código break; default: //código }
Switch A instrução switch é usada para executar diferentes ações com base em diferentes condições. Use a instrução switch para selecionar um dos muitos blocos de código a serem executados. A expressão de troca é avaliada uma vez. O valor da expressão é comparado com os valores de cada caso. Se houver uma correspondência, o bloco de código associado será executado.
Switch Vamos pegar o dia da semana atual através do método getday() O retorno deste método é um número de 0 a 6 0 domingo 1 segunda 2 terça... No próximo slide teremos um exemplo prático
Switch Exemplo prático diaatual = new Date().getDay() switch(diaatual){ case 0: alert( Hoje é Domingo ) break case 1: alert( Hoje é Segunda-Feira ) break case 2: alert( Hoje é Terça-feira ) break case 3: case 4: case 5: case 6: alert( Hoje é Quarta-Feira ) break alert( Hoje é Quinta-Feira ) break alert( Hoje é Sexta ) break alert( Hoje é Sabado ) break }
Atividade Um determinado criador de aves deseja instalar um controlador de temperatura em uma chocadeira Até o 18º dia do ciclo, a temperatura ideal para uma chocadeira é de 37.6 graus celsius Quando a temperatura está a 37.6 graus, o produtor deve ser notificado que a chocadeira está operando normalmente Se a temperatura passar a ser maior que 37.7 graus ou menor que 37.5 graus, o produtor deve ser notificado que a chocadeira está com temperatura, respectivamente, acima ou abaixo do ideal A partir do 19º dia do ciclo de incubação dos ovos, esta temperatura deve baixar para 37.2 graus celsius, ficando assim até a eclosão dos ovos A regra aqui é a mesma para o caso anterior, o produtor precisa ser notificado se a temperatura baixar ou aumentar
Atividade Um determinado criador de aves deseja instalar um controlador de temperatura em uma chocadeira Até o 18º dia do ciclo, a temperatura de segurança para uma chocadeira é de 37.6 graus celsius Quando a temperatura está a 37.6 graus, o produtor deve ser notificado que a chocadeira está operando normalmente Se a temperatura passar a ser maior que 37.7 graus ou menor que 37.5 graus, o produtor deve ser notificado que a chocadeira está com temperatura, respectivamente, acima ou abaixo do ideal A partir do 19º dia do ciclo de incubação dos ovos, a temperatura de segurança deve baixar para 37.2 graus celsius, ficando assim até a eclosão dos ovos A regra aqui é a mesma para o caso anterior, o produtor precisa ser notificado se a temperatura baixar ou aumentar em relação a temperatura de segurança