Olá, pessoal! Seria possível reduzir a parte do script?
OBS.: Pesquisei no Google e encontrei a função de dar reload na página. Não era o objetivo do exercício, mas queria facilitar o reinício do jogo...
<meta charset="UTF-8">
<center>
<br><br><br><br><br><br><br>
<h1>Bem vindo ao jogo da adivinhação!</h1>
<p>Você terá 3 chances para acertar o número:</p>
<input/><br>
<button>Verificar</button>
<big><br><br>Boa sorte!</big>
</center>
<script>
// Estrutura mínima ------------------------
function pulaLinha() {
document.write("<br><br><br>");
}
function mostra(frase) {
document.write(frase);
pulaLinha();
}
//---------------------------------------------------------
var chute = document.querySelector("input");
chute.value = "";
chute.focus();
var botao = document.querySelector("button");
var numeroPensado = Math.round(Math.random() * 10);
console.log(numeroPensado);
var tentativas = 0;
function verifica(){
if(chute.value == numeroPensado){
alert("VOCÊ ACERTOU! O número era: " + numeroPensado);
alert("A página será recarregada para uma nova tentativa.");
botao.onclick = window.location.reload();
}
if(chute.value != numeroPensado && tentativas <= 3){
alert("Você errou! Tente novamente.");
tentativas++;
chute.value = "";
chute.focus();
}
if(tentativas == 3){
alert("VOCÊ PERDEU! O NÚMERO ERA: " + numeroPensado + ".");
alert("A página será recarregada para uma nova tentativa!");
botao.onclick = window.location.reload();
}
}
botao.onclick = verifica;
</script>