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
Estrutura condicional - if
if(expressão){
//código a ser executado }
Exemplo: a = 2
if(a > 0)
Estrutura condicional – if else
if(expressão){
//código a ser executado caso a expressão do if seja verdadeira
} else {
//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) {
//código a ser executado caso a expressão1 seja falsa e a caso a expressão 2 seja verdadeira
} else {
//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> </body> </html>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").valuemedia = ((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
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?
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.
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 ▪ ...
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: alert(“Hoje é Quarta-Feira”) break case 4: alert(“Hoje é Quinta-Feira”) break case 5: alert(“Hoje é Sexta”) break case 6: 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
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