tentei criar o jogo da adivinhacao utilizando o button e o input, mas nao sei de que maneira tenho que modificar o codigo para que o usuario possa ter 3 chances para acertar o numero. De acordo com o meu codigo a mensagem "Voce errou" ja aparece as 3 vezes seguidas apenas o usuario erra a primeira vez.
<meta charset="UTF-8">
<input/>
<button>Vamos comparar?</button>
<script>
function pulaLinha() {
document.write("<br>");
}
function mostra(frase) {
document.write(frase);
pulaLinha();
}
function sorteia(n) {
return Math.round(Math.random() * n);
}
function verifica() {
var numeroTentativas = 1;
while (numeroTentativas <= 3) {
var input = document.querySelector("input");
if(input.value == button.value) {
mostra("Uau! Você acertou, pois eu pensei no " + button.value);
break;
} else {
alert("Voce errou!");
numeroTentativas++;
input.focus();
}
}
if (numeroTentativas > 3) {
mostra("USUARIO BLOQUEADO");
pulaLinha();
}
mostra("FIM")
}
var button = document.querySelector("button");
button.value = sorteia(10);
console.log(button.value);
button.onclick = verifica;
</script>