Achei que tinha conseguido, mas não.....
Só funciona porque usei o "mostra"... se mudo para alert não funciona.... :(
<!DOCTYPE html>
<meta charset="UTF-8">
<input/>
<button>Compare o Número</button>
<script>
function pulaLinha() {
document.write("<br>");
}
function mostra(texto) {
document.write(texto);
pulaLinha();
}
var numeroSecreto = Math.round(Math.random() * 10);
console.log(numeroSecreto);
var limiteTentativas = 3;
var tentativas = 1;
var input = document.querySelector("input");
input.focus();
function verifica() {
if (input.value == numeroSecreto) {
mostra("Você Acertou!!");
tentativas = 4;
} else {
if (tentativas == limiteTentativas) {
mostra("Você errou! Limite de tentativas esgotado")
} else {
alert("Você errou! Tente novamente");
}
tentativas++
}
input.value = ""; // limpa o campo de entrada após a inderação (entrada, clique botão, clique alert).
input.focus(); // destaca a caixa de entrada de dados antes de nova entrada.
}
var button = document.querySelector("button");
button.focus();
button .onclick = verifica;
</script>
