O código abaixo se propõe a unir as aulas 7 e 8. Quero que o usuário insira um número em um Prompt e outro usuário tenha 3 chances de acertar.Tudo dá certo, exceto que, quando o usuário erra, o programa emite os três alertas de erro na sequencia e encerra. O que eu estou fazendo errado?
<meta charset="UTF-8">
<center>
<h1>Programa de Adinhação<h1>
<h2>Para jogar em dupla</h2>
</center>
<br>
<b>Instruções:</b>
<br>
1 - O priemiro da dulpa insere um número no <i>pop-up</i> sem o segundo olhar.<br>
2 - A seguir, o segundo pode inserir 3 palpites.<br>
<br>
<input/>
<button>Palpite</button>
<br>
<script>
//função de quebra de linha
function pulaLinha() {
document.write ("<br>");
document.write ("<br>");
}
//função de imprimir na tela
function exibeTela(sentenca){
document.write(sentenca);
pulaLinha();
}
//função de verificação dos palpites
function verificaNumero() {
var tentativa = 1;
while (tentativa <=3) {
if (palpite.value == numero) {
alert ("Você ACERTOU!!!!");
exibeTela("FIM DO PROGRAMA")
break;
} else {
alert ("Você ainda não acertou. Tente novemante.");
}
tentativa++;
palpite = document.querySelector("input");
palpite.value = "";
palpite.focus ();
}
exibeTela("Você não tema mais tentativas. O numero inserido foi " + numero + ".");
exibeTela("FIM DO PROGRAMA");
}
//jogar
var palpite = document.querySelector("input");
palpite.value = "";
palpite.focus ();
var numero = parseInt(prompt ("Insira um número entre 1 e 10."));
var botaoPalpite = document.querySelector("button");
botaoPalpite.onclick = verificaNumero;
</script>