<meta charset="UTF-8">
<input/>
<button>Verificar o segredo</button>
<script>
var input = document.querySelector("input").value
var button = document.querySelector("button")
function verificar() {
if(input == 4) {
alert("Caraca ai sim em fera")
} if(input != 4) {
alert("errou amigão")
}
}
button.onclick = verificar()
</script>
@Cauã Felipe Vera Leal,
Com apenas as informações que passou o navegador consegue se virar e entender o que é para ser exibido no browser pois ele é inteligente a este ponto.
Sempre que possível, experimente colocar mais informações para fazerem mais sentido ao contexto que elas estão inseridas.
Dá uma olhada:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<input type="text" id="segredo" /><button id="botao" onclick="verificar()">Verificar o segredo</button>
<script>
function verificar() {
var segredo = document.getElementById("segredo").value;
var botao = document.getElementById("botao");
console.log(segredo);
if(parseInt(segredo) == 4) {
alert("Caraca ai sim em fera");
return;
}
alert("errou amigão");
}
</script>
</body>
</html>