<meta charset="UTF-8">

<title>JOGO ADIVINHAÇÃO</title>
<h1>Bem vindo ao Jogo de adivinhações!</h1>
<h4>Você tem 3 tentativas, boa sorte!</h4> <br>

<input/>
<button>Teste seu chute</button>


<script>
    function sorteia() {

       return Math.round(Math.random() * 10);

    }

    function sorteiaNumeros(quantidade) {

        var segredos = [];

        var numero = 1;

        while(numero <= quantidade) {

              var numeroAleatorio = sorteia();
              var achou = false; // variavel criada para que nao haja numeros iguais dentro do segredo //

              if (numeroAleatorio !== 0) {
                     for(var posicao = 0; posicao < segredos.length; posicao++) { // .legth retorna o valor do arreio // 

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

                     }

                     if (achou == false) {
                           segredos.push(numeroAleatorio); // .push usado para criar segredos aleatorios dentro do arreio //
                           numero++;
                     }
              }

        }

        return segredos;

    }

    var segredos = sorteiaNumeros(3);

    console.log(segredos); // mostrar resultados no console // 

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

    var tentativas = 1;

    function verifica() {

       var achou = false; //para fazer com que o alert errou nao apareca mesmo depois de vc ter acertado//

       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!");
              tentativas++;

       }
            if(tentativas > 3){
            alert("Infelizmente suas tentativas acabaram. :(");            
    }


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

    }

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

    button.onclick = verifica;

</script>