Esse foi meu modo de interpretação da questão. Aceito de braços abertos novas dicas!
<meta charset="utf-8">
<title>Jogo de Adivinhação!</title>
<h1>Jogo de Adivinhação!</h1>
Bem vindo! Você tem 3 tentativas, boa sorte.<br><br>
<input type="text" placeholder="Insira seu chute.">
<button>Teste se você acertou.</button>
<script>
function pulaLinha() {
document.write("<br><br>");
}
function mostra(frase) {
document.write(frase);
pulaLinha();
}
function sorteia(n) {
return Math.round(Math.random() * n);
}
var numeroPensado = sorteia(10);
var tentativa = 1;
var button = document.querySelector("button");
var input = document.querySelector("input");
input.focus();
input.value = "";
function verifica() {
while(tentativa <= 3){
if(input.value == numeroPensado){
mostra("Você acertou, PARABÉNS!");
break;
} else{
alert("Você errou!!");
tentativa++;
}
if(tentativa > 3){
alert("Infelizmente suas tentativas acabaram. :(");
break;
}
if(input.value > numeroPensado) {
alert("Seu chute foi maior que o número pensado!");
input.focus();
input.value = "";
break;
} else {
alert("Seu chute foi menor do qual eu pensei!");
input.focus();
input.value = "";
break;
}
}
}
button.onclick = verifica;
</script>