<!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>Mi juego Secreto</title>
</head>
<body>
<h1>Juego de Secreto</h1>
<input type="text">
<button>Validar si acertó con el secreto</button>
<script>
//numero aleatoria entre 0-10
var secreto=Math.round(Math.random()*10);
//Usamos el querySelector con el fin de capturar los elementos del DOM
var input=document.querySelector("input");
var button=document.querySelector("button");
//El metodo "focus" hace que el cursor se centre en la caja de texto de input
input.focus();
//En el caso de que se de click al botton damos inicio a la funcion verificar
button.onclick=verificar;
// Declaracion de funciones
function saltoLinea(){
document.write('<br>');
}
function imprimir(frase){
saltoLinea();
document.write(frase);
}
function verificar(){
//Accedemos en el valor contenido en el input y lo capturamos
var numero=input.value;
// Verificamos si es correcto
if(parseInt(numero)==secreto){
alert("Felicitaciones acerto!!")
}else{
alert("Error!")
}
//limpiar valor en el input
input.value="";
//
input.focus();
}
</script>
</body>
</html>
