<meta charset="UTF-8">
<input/>
<button>Compare com o meu segredo</button>
<script>
var segredo = 5;
var calopsita = document.querySelector("input");
function verifica () {
if (input.value == segredo) {
alert(" Você ACERTOU!");
} else {
alert ("Você ERROU!!!!!");
}
}
var button = document.querySelector("button");
button.onclick = verifica;
</script>
Olá thelemaco, tudo bem?
Você cometeu apenas um pequeno equívoco na hora de definir a variável, veja que se colocamos o nome de calopsita para definir o elemento html, em todo momento que quisermos pegar o valor do campo iremos utilizar:
calopsita.valuePois calopsita representa o nosso campo de texto, no caso como você colocou input.value o javascript não sabe o que é input, na verdade deveríamos fazer:
var input = document.querySelector("input");Desa maneira input representa o campo e input.value o valor do campo :)
Conseguiu Compreender?
Abraços e Bons Estudos!