Tentei fazer o programa um pouco mais elaborado, porém no console aparece que o botão (button) não está definido. Alguém poderia me dizer o que fiz de errado?
<meta charset="UTF-8">
<h1> Jogo da Adivinhação </h1>
<h3> Tente adivinhar um número de 0 a 10 </h3>
<input/>
<button>CONFERIR</button>
<script>
function pulaLinha() {
document.write("<br><hr><br>");
}
function mostra(frase) {
document.write("<big> " + frase + " </big>");
pulaLinha();
}
var numeroEscolhido = Math.round(Math.random()*10);
var numeroChute = document.querySelector("input");
var numeroTentativas = 1;
function verificar(){
while (numeroTentativas < 3){
if (numeroChute == numeroEscolhido){
mostra("Parabéns você acertou!!! =) O número escolhido foi " + numeroEscolhido);
break;
} else {
if (numeroChute>numeroEscolhido) {
mostra ("Infelizmente você errou!!! Tente novamente! Dica: O número escolhido é menor!");
numeroChute = document.querySelector("input");
}
if (numeroChute<numeroEscolhido) {
mostra("Infelizmente você errou!!! Tente novamente! Dica: O número escolhido é maior!");
numeroChute = document.querySelector("input");
}
}
numeroTentativas++;
}
if (numeroChute != numeroEscolhido){
mostra("Não foi desta vez");
}
}
button.onclick = verificar;
</script>
