Haz lo que hicimos en el aula | 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 - Arrays</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);
        var secreto=[1,2,3,4,5,6,7,8,9,10];
        // the user is going to define the value secret

        //Usamos el querySelector con el fin de capturar los elementos del DOM
        //En el caso de que se de click al botton damos inicio a la funcion verificar

        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();


        button.onclick=verificar;





        // Declaracion de funciones
        function saltoLinea(){
            document.write('<br>');
        }
        function imprimir(frase){
            saltoLinea();
            document.write(frase);
        }

        function verificar(){



            // Verificamos si es correcto
            //Accedemos en el valor contenido en el input y lo capturamos
            bandera=false;

            forEach(secreto,function(item){
                var numero=input.value;
                document.write(item+"<br>");
                if(parseInt(numero)===item){
                    bandera=true;
                    return alert("Felicitaciones acerto!!");


                }
            });



            if(!bandera){
                alert('Error!');
            }




            //limpiar valor en el input
            input.value="";
            //
            input.focus();

        }


    </script>
</body>
</html>