<meta charset="utf-8">

<input/>

<button>Olhe o meu segredo</button>

<script>

    // essa parte em html cria botões, o input é espaço para o usuário preencher;

    // [ ] usado para colocar mais de uma variável;

    var segredos = [5,7,10,2,3];

    //document.querySelector diz respeito ao valor que quero pegar no html e () indica o local.

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

function verifica() {

    // são 4 posições poriço espaço deve ser < 4; se mudar a quantidade de segredos, você deve colocar ".length";

    var achou = false;

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

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

            alert("Você acertou!");
            achou = true;
            break;

        } 
    }

    if (achou == false) {

    alert ("Você Errou!");

    }

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

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

button.onclick = verifica;

</script>