<!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>Juego Secreto</title>
</head>
<body>
<h1>Juego Secreto</h1>
<input class="input" type="text" placeholder="Escribe el secreto " size="30">
<p></p>
<button id="boton_verificar">Verificar</button>
<button id="boton_salir">Salir</button>
<p></p>
<script>
var secreto = Math.round(Math.random() * 10);
var input = document.querySelector("input");
function verificar() {
if (secreto == parseInt(input.value)) {
alert("Adivinaste el secreto");
} else {
alert("El secreto no es el mismo");
}
input.value = "";
input.focus();
}
var boton = document.getElementById("boton_verificar");
boton.onclick = verificar;
</script>
</body>
</html>
