<meta charset="UTF-8">
<h1>**********ADIVINHE MEUS NÚMEROS**********</h1><hr>
<h3>Tenho 5 números aleatórios de 1 a 20, isso mesmo, <big>VINTE!</big></h3>
<h2>Tente adivinhá-los quais são!!!</h2>
<hr>
<input/><br>
<button>Clique aqui para conferir!</button>
<script>
function sorteia() {
return Math.round(Math.random() * 20);
}
function sorteiaNumeros(quantidade){
var numbers = [];
var contador = 1;
while(contador <= quantidade){
var numeroAleatorio = sorteia();
if(numeroAleatorio != 0){
var achou = false;
for(posicao = 0; posicao < numbers.length; posicao++){
if(numbers[posicao] == numeroAleatorio){
achou = true;
break;
}
}
if(achou == false){
numbers.push(numeroAleatorio);
contador++;
}
}
}
return numbers;
}
var numbers = sorteiaNumeros(5);
var input = document.querySelector("input");
input.focus();
function verifica(){
var achou = false;
for(var posicao = 0; posicao < numbers.length; posicao++){
if(input.value == numbers[posicao]){
alert("Parabéns, você acertou!");
achou = true;
break;
}
}
if(achou == false){
alert("Que pena, você errou!");
}
input.value = "";
input.focus();
}
var button = document.querySelector("button");
button.onclick = verifica;
</script>
Tentei criar um limite de tentativas, mas não consegui colocar para funcionar junto com os if's da função verifica, ficou dando um loop. Decidi deixar simples assim mesmo