[Projeto] advinha_mais.html -> mais complexo

Criei o mesmo programa da aula, mas pesquisei novos conceitos e funções para utilizar no programa e deixá-lo mais eficiente e complexo. Faça o teste em seu computador.

<meta charset="UTF-8">

<center>
    <big>
        <h1>Advinha</h1>
    </big>

    <hr> <br>

    <p>Há 5 números secretos de 0 à 50</p>

    <input placeholder="Digite um número de 0 à 50" />
    <button>Compare com os meus números secretos</button>
</center>

<script>

    function verifica(numerosSecretos) {
        var verificaInput = 0;

        function verificaInputForEach(indexNumeros) {
            if(indexNumeros == input.value) {
                verificaInput = 1;
            }
        }

        numerosSecretos.forEach(verificaInputForEach); // Executa a função para cada item do array

        if(verificaInput == 1) {
            alert("Você acertou! Os números secretos são " + numerosSecretos);
        } else {
            alert("Você errou! Os números secretos são " + numerosSecretos);
        }

        input.value = ""; // Diz o valor do input (o que está escrito)
        input.focus(); // Deixa o foco no input mesmo depois do botão ter sido clicado
    }

    function criaNumerosSecretos() {
        var numerosSecretos = [];
        for(i = 0; i < 5; i++) {
            var index = Math.round(Math.random() * 50);
            if(i == 0) {
                numerosSecretos.push(index);
            } else {
                do {
                    var verificarNumeroIgual = 0;
                    for(j = 0; j < numerosSecretos.length; j++) {
                        if(numerosSecretos[i] == numerosSecretos[j]) {
                            verificarNumeroIgual = 1;
                        }
                    }
                } while(verificarNumeroIgual == 1);

                index = Math.round(Math.random() * 50);
                numerosSecretos.push(index);

            }
        }
        verifica(numerosSecretos);
    }

    var input = document.querySelector("input"); // Seleciona o elemento HTML requerido (primeira ocorrência)
    var button = document.querySelector("button");

    button.onclick = criaNumerosSecretos; // O clique no botão executa as instuções da função que foi passada

</script>