<meta charset="UTF-8">
<input/>
<button>VERIFICAR si acerto el secreto</button>
<script>
function aleatorio() {
return Math.round(Math.random()*10);
}
function sortearNumero(cantidad) {
var contador = 1 ;
var secretos = [] ;
while (contador <= cantidad) {
numeroAleatorio = aleatorio();
secretos.push(numeroAleatorio);
contador++;
}
return secretos
}
var secretos = sortearNumero(4);
// el indice comienza desde 0
var input = document.querySelector("input");
input.focus();
function verificar() {
//input es la etiqueta, y queres que el valor provenga de esa etiqueta por eso se solicita (input.value)
var encontrado = false;
for (var posicion = 0 ; posicion < secretos.lenght ; posicion++) { //secreto.lenght indica la cantidad de contenidos
if (parseInt(input.value) == secretos[posicion] ) {
alert("usted acerto");
encotrado = true;
break
}
}
if (encontrado == false) {
alert("usted erro")
}
input.value = ""; // limpia el campo de escritura
input.focus(); // deja el campò de escritura para volver a escribir sin necesidad de hace click con el cursor
}
var button = document.querySelector("button");
button.onclick = verificar; //verificar con parentesis ejecuta directamente el codigo
</script>