Consolidação do conhecimento

<h1>Consolidação do conhecimento</h1>
<br>

<meta charset="UTF - 8">

<div> 
    <input style="width: 200px; height: 30px; border-radius: 10px;" 
    />
</div>

<br>

<button style="width: 200px; font-size: 18px; height: 30px; background-color: grey; color: white; border: none; border-radius: 10px;"
>
Adivinhe se for capaz
</button>

<script>

    function sorteia() {
        return Math.round(Math.random() * 10);
    }

    function sorteiaNumeros(quantidade) {
        var segredos = [];

        var numero = 1;

        while(numero <= quantidade) {

            var numeroAleatorio = sorteia(); 

            if(numeroAleatorio !== 0) {

                var achou = false;


                for(var posicao = 0; posicao < segredos.length; posicao++) {

                    if(segredos[posicao] == numeroAleatorio) {
                        achou = true;
                        break;
                    }

                }    

                if(achou == false) {
                    segredos.push(numeroAleatorio);
                    numero++;
                }
            }

        }

        return segredos;
    }

    var segredos = sorteiaNumeros(1);

    console.log(segredos);

    var input = document.querySelector("input");
    input.focus()

    function verifica()  {

       var achou = false;

       for(var posicao = 0; posicao < segredos.length; posicao++) {

        if(input.value == segredos[posicao]) {

            alert("Uau!  ACERTOU!");
            achou = true;
            break;
        }
    }

    if(achou == false) {

        alert("Ah! ERROU!");

    }
    input.value = "";
    input.focus();
}

var button = document.querySelector("button");

button.onclick = verifica;


</script>