LO QUE HICIMOS EN EL AULA - CODIGO EJEMPLO DEL ADIVINADOR | 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>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>