<meta charset="UTF-8">
<h1> Jogo da Adivinhação</h1>
<hr>
<h2> Tente acertar qual número estou pensando de 1 a 10</h2>
<p>
Te dou 3 chances
</p>
<br>
<!-- abre um campo de entrada de dados -->
<input/>
<!-- abre um campo de entrada de dados -->
<!-- cria um botao com a mensagem escrita-->
<button>Descubra se você acertou</button>
<!-- cria um botao com a mensagem escrita-->
<script>
var segredo = Math.round(Math.random()*10);
//seleciona uma tag do html transformando ela numa varíavel pra ser usada no JS
var entrada = document.querySelector("input");
entrada.focus();
var botao = document.querySelector("button");
var tentativas = 1
function verifica() {
if (entrada.value == segredo) {
alert("Você acertou! Era " + segredo);
} else {
if (entrada.value < segredo) {
alert("Você errou! Mais pra cima");
} else {
alert("Você errou! Mais pra baixo")
}
}
entrada.value = "";
}
while (tentativas <= 3) {
botao.onclick = verifica;
tentativas ++
}
</script>
Eu tentei anular o funcionamento do botão ao passar o número de tentativas, já que se pusesse o while na função, o número de tentativas voltaria pra 1 toda vez que apertasse o botão, mas também parece não estar dando certo e a pessoa segue conseguindo fazer tentativas infinitas. Então, se não é na função, nem no botão, onde exatamente eu encaixo o limite de tentativas????