Veja o código abaixo:
function verifica() {
var maximoTentativas = 3;
var numeroErros = 0;
var achou = false;
for(var posicao = 0; segredos.length ; posicao++) {
If (numeroErros == maximoTentativas )
{
alert("Você excedeu o número máximo de tentativas!")
break;
}
if(input.value == segredos[posicao]) {
alert("Você ACERTOU! PARABÉNS VOCÊ ACABA DE GANHAR O JOGO!!!!!!");
achou = true;
input.value = "!!!!!!!!! PARABÉNS !!!!!!!!";
input.focus();
break;
}
if(achou == false) {
alert("Você ERROU!");
input.value = "";
input.focus();
numeroErros ++;
}
}
else {
input.value = "!!!!!!!!! O JOGO ACABOU !!!!!!!!";
}
}
Caso queira uma melhoria no seu código fonte, estude isto abaixo:
<meta charset="UTF-8">
<input/>
<button> Compare </button>
<script>
var segredos = ["1", "2", "3", "4"];
var maximoTentativas = 3;
var numeroErros = 0;
var input = document.querySelector("input");
input.focus();
function verificar()
{
if (numeroErros == maximoTentativas)
{
alert ("excedeu tentativas")
return;
}
if (segredos.indexOf(input.value) >= 0)
{
alert("Acertou!")
} else {
alert("Errou!")
numeroErros++;
alert (numeroErros)
}
input.value = "";
}
var button = document.querySelector("button");
button.onclick = verificar;
</script>