Condições são muito importante para a construção de um sistema, pois, lhe permite tomar “rotas” alternativas, faz com que, dependendo do seu caso, o programa se comporta de uma forma “adaptável” ao seu problema, procurando resolvê-lo na condição em que você se encontra. São comandos que auxiliam no direcionamento da sequência de execução de um programa por meio da avaliação de condições lógicas. A possibilidade de tomar decisões na programação é considerada fundamental e de grande importância na elaboração de um código de qualquer linguagem, favorecendo uma aplicação lógica abrangente, avançada e mais complexa. Uma decisão condicional está relacionada, na avaliação de uma sentença, com a utilização de operadores relacionais (ou de comparação) e operadores lógicos.
No caso em que o sistema executa comandos apenas se o valor da condição é verdadeiro. Se a condição for SIM (verdadeira), serão executadas as instruções que estiverem definidas entre as chaves {} da instrução if. Posteriormente, o fluxo do processamento segue com as instruções após as chaves {}. Caso o resultado da condição seja NÃO (falso), serão desconsideradas as instruções do if e executadas somente as instruções que estiverem após as chaves {}, ou seja, após a decisão condicional simples if.
if (// condição proposta por você) {
//O que fazer se a condição tiver o valor de TRUE
}
O exemplo utilizado na aula foi de uma condição simples, apenas para caso a condição seja verdadeira:
Digite abaixo um valor de velocidade que você queira, este programa mostra a sua velocidade e se você foi multado ao ultrapassar uma velocidade de 60 Km/h. Mas comumente os radares eletrônicos possuem 5 Km/h de tolerância, também aqui, só aparecerá a mensagem de multa a partir de 65 Km/h.
Qual a sua velocidade? Km/h.E foi feita da seguinte forma:
Qual a sua velocidade? <input type="number" name="txtvel" id="txtvel"> Km/h. <input type="button" value="Verificar situação" onclick="calcular()">
<div id="res">
</div>
<script>
function calcular() {
var txtv = window.document.querySelector('input#txtvel')
var res = window.document.querySelector('div#res')
var velocidade = Number(txtv.value)
res.innerHTML = `<p>A sua velocidade atual é de <strong>${velocidade} KM/h</strong></p>`
if (velocidade > 65) {
res.innerHTML += `<p>Ela está acima de 60 Km/h e por isso você foi <strong>MULTADO</strong>. Procure pagá-la o quanto antes.</p>`
}
res.innerHTML += `Tome sempre cuidado, use sempre cinto de segurança.`
}
</script>
A estrutura condicional composta é aplicada quando se busca a execução de diferentes comandos para um resultado lógico: SIM ou NÃO. Com a estrutura if...else, é possível avaliarmos o processo de decisão exclusiva de determinada situação, ou seja, quando o resultado for somente verdadeiro ou somente falso. Para uma condição verdadeira, serão executados os comandos posicionados entre os delimitadores {...} para o if. Já para uma condição falsa, serão executados os comandos posicionados entre os delimitadores {...} para o else.
if (// condição proposta por você) {
//O que fazer se a condição tiver o valor de TRUE
} else {
//O que fazer se a condição tiver o valor de FALSE
}
E ele foi feito da seguinte forma:
Qual é o seu país? <input type="text" name="pais" id="pais"> <input type="button" value="ENTER" onclick="console()">
<div id="testeDeNacionalidade">
</div>
<script>
function console() {
var país = window.document.querySelector('input#pais')
var resultadoDeNacionalidade = window.document.querySelector('div#testeDeNacionalidade')
if (país === 'Brasil') {
resultadoDeNacionalidade.innerHTML += `<p> Você é brasileiro.</p>`
} else {
resultadoDeNacionalidade.innerHTML += `<p> Você é estrangeiro.</p>`
}
}
</script>
Qual é a sua idade?
Feita da seguinte forma:
<script>
function calcular() {
var idade = window.document.querySelector('input#idadeDeVoto')
var votar = window.document.querySelector('div#votar')
var idadeDeVoto = Number(idade.value)
if (idadeDeVoto < 16) {
votar.innerHTML += `Sua idade é ${idadeDeVoto} e portanto você não pode votar ainda.`
} else if (idadeDeVoto <= 18 || idadeDeVoto >= 67) {
votar.innerHTML += `Sua idade é ${idadeDeVoto} e portanto o voto é opcional.`
} else {
votar.innerHTML += `Sua idade é ${idadeDeVoto} e o seu voto é obrigatório.`
}
}
</script>
Ao entrar nesse site, lhe saudamos de acordo com o seu horário atual. Fizemos isso, utilizando o seguinte código:
<script>
var agora = new Date()
var hora = agora.getHours()
var minutos = agora.getMinutes()
if (hora < 12) {
window.alert(`Bom dia, agora são ${hora}:${minutos} horas da manhã.`)
} else if (hora <= 18) {
window.alert(`Boa tarde, agora são ${hora}:${minutos} horas`)
} else {
window.alert(`Boa noite, agora são ${hora}:${minutos} horas`)
}
</script>
Muito utilizada quanto se têm valores fixos e muitas possibilidades além de True e False. Para isso utilizamos o switch, que opera somente quando os valores são inteiros ou strings. O switch consiste em outro recurso utilizado para apresentar uma lista de opções com seleção única ou múltipla. A aplicação da instrução switch implica a elaboração de uma estrutura de testes condicionais, controlada por um “elemento-chave” ou um comutador (switch). Nesse caso, o comutador ou “elemento-chave” (campo de indexação) direciona o sentido do fluxo de dados por meio de uma estrutura de controle com múltipla escolha. Por exemplo, a janela que lhe disse qual era o dia da semana de hoje, foi feita da seguinte forma.
var dia = new Date()
var diaSem = dia.getDay()
switch(diaSem) {
case 0:
window.alert(`E bom domingo.`)
break
case 1:
window.alert(`E hoje é segunda-feira, bom inicio de semana.`)
break
case 2:
window.alert(`E hoje é terça-feira.`)
break
case 3:
window.alert(`E hoje é quarta-feira.`)
break
case 4:
window.alert(`E hoje é quinta-feira.`)
break
case 5:
window.alert(`E hoje é sexta-feira, Bom final de semana.`)
break
case 6:
window.alert(`E hoje é sábado.`)
break
default:
window.alert(`[ERRO] Dia inválido.`)
}