<meta charset="UTF-8">

<input/>
<button>Compare com o meu segredo</button>

<script>

    function pulaLinha() {

        document.write("<br>");
        document.write("<br>");
    }

    function mostra(frase){

        document.write(frase);
        pulaLinha();
    }

    var segredo = Math.round(Math.random() * 10)

    var input =  document.querySelector("input");
    input.focus();

var tentativas = 1

    function verifica() {






    if(input.value == segredo) {

        alert("Você acertou na " + tentativas + "° tentativa!")
        setTimeout("location.reload(true);", 5000);
mostra("<h4>Parabéns! Em 5 segundos você conseguirá jogar novamente :)</h4")


    } else {

         if(input.value < segredo) {

             tentativas++;
            alert("Você errou! Seu chute foi menor do que o número sorteado")
input.focus();
input.value = "";
        }



        else {

             tentativas++;
            alert("Você errou! Seu chute foi maior do que o número sorteado")
            input.focus();
            input.value = "";
            }

            if(tentativas >= 4) {

                input.disabled = true
                button.disabled = false  
                mostra("<h4>O número sorteado era " + segredo + " , aguarde 5 segundos para tentar novamente!</h4>")
                setTimeout("location.reload(true);", 5000);
            }
    }    
}

    input.value = "";
    input.focus();



var button = document.querySelector("button");     
button.onclick = verifica

</script>