Comparto mi código para sugerencias
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ADIVINA 2.0</title>
</head>
<body>
<h1>ADIVINA EL NUMERO SECRETO</h1>
<br>
<p>Número: <input type="number" placeholder="Escribe el número..." name="input" /></p>
<br>
<button>JUGAR</button>
<script>
function mensaje(msg) {
document.write("<big>" + msg + "</big>");
}
function salto() {
var saltoLinea = mensaje("<br><hr><br>");
}
function imprimir(frase) {
mensaje(frase);
salto();
}
var numeroPensado = Math.round(Math.random() * 10);
var input = document.querySelector("input")
input.focus();
function verificar() {
if (parseInt(input.value) == numeroPensado) {
alert("¡Ganaste! El número era: " + numeroPensado);
imprimir("FIN DEL JUEGO. REINICIA PARA VOLVER A JUGAR");
} else {
alert("¡Fallaste!... Sigue Intentando");
}
input.value = "";
input.focus();
}
var button = document.querySelector("button");
button.onclick = verificar;
</script>
</body>
</html>