Campo de Texto y Botón | Lógica de programación: Conceptos primordiales

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Juego Secreto</title>
    <style>
        body{
            background-color: LightSteelBlue;
        }
    </style>
</head>
<body>

<input/>
<button>¿Es este tú número?</button>

    <script>

        // variables ------------------------------>
            var secreto = Math.round(Math.random() * 10);
            var input = document.querySelector("input");


        // funciones ------------------------------>    
            function verificar() {
                if (secreto == parseInt(input.value)) {
                alert("¡Muy bien!");
            } 
            else {
                alert("No, no es eso...");
                }
            }


        // programa ------------------------------->
        var button = document.querySelector("button");
        button.onclick = verificar;

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