o if está imprimindo as strings sem analisar os operadores para saber se o valor é maior ou menor qual o o valor colocado é maior inprime os dois ifs
Solucionado
o if está imprimindo as strings sem analisar os operadores para saber se o valor é maior ou menor qual o o valor colocado é maior inprime os dois ifs
<!DOCTYPE html>
<html lang="pt.br">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="troca-de-turno.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pinyon+Script&display=swap">
<title>calculadora inteligente</title>
</head>
<body>
<header>
<h1>Ensira Seus Dados</h1>
</header>
<main>
<div>
<form>
<tbody>
<table>
<th>Dia</th>
<th>Horário</th>
<td></td>
</table>
</tbody>
<div class="caixa">
<label for="tati">Tati</label>
<input type="text" id="tati" required placeholder="horario de chegada">
<input type="submit" value="calcular" class="calcular">
</div>
</form>
</div>
<p>Esses campos são obrigatorios.</p>
</main>
<script src="turnos.js"></script>
</body>
</html>
insira seu código aquibody {
border: 5px solid pink;
text-align: center;
background: pink;
}
h1 {
text-align: center;
font-size: 50px;
}
th {
text-align: center;
position: relative;
top: 0px;
left: 560px;
font-size: 30px;
border: 2px solid pink;
border-radius: 19px;
}
.caixa {
text-align: center;
margin: 40px;
}
.calcular {
text-align: center;
display: block;
position: relative;
top: 0px;
left: 560px;
margin: 10px 0
}
label {
font-size: 25px;
margin: 10px;
border: solid pink;
border-radius: 5px;
padding: 0 12px;
}
label:hover {
cursor: pointer
}
input:hover {
cursor: pointer;
}
.calcular:hover {
cursor: pointer;
}
input {
border: solid pink;
border-radius: 12px;
}
p {
text-align: center;
font-size: 30px;
font-family: 'Pinyon Script', cursive;
}
var input = document.querySelector("input");
var chegada = 8
var saida = 21
input.onblur = function(){
if (input.value <= chegada ) {
document.write("continue assim")
}
if (input.value >= chegada) {
document.write("da procima conversar com patroa PAULA ou PAOLA")
}
}
Olá, Geovane! Tudo bom contigo?
Rodei seu código e só encontrei um ponto que está em conflito.
Quando eu coloco 8 ele gera os dois resultados porque temos o valor menor ou igual a chegada
input.value <= chegadae no outro temos o valor maior ou igual a chegada
input.value >= chegadaNeste caso, seria melhor deixar somente maior que a chegada
input.value > chegadaNão vamos punir porque chegou no horário, não é mesmo? rsrss
Outro ponto que achei melhor (opinião) seria colocar um else para dizer que "SE não chegou no horário ENTAO faça tal coisa.
if (input.value <= chegada ) {
document.write("continue assim")
} else if (input.value >= chegada) {
document.write("da procima conversar com patroa PAULA ou PAOLA")
}Acredito que assim fica mais legível para um primeiro olhar.
Espero ter ajudado, Geovane!
Um abraço e até mais!!
obrigado funcionou