Juego Secreto | Lógica de programación: Conceptos primordiales | Alura Latam

<!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 de Secreto</h1>
    <input type="text">
    <button>Verificar 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>