<meta charset="utf-8"> <!compatibilidad con todos los navegadores>
<br>
<h1>Juego secreto</h1>
<hr>
<input> <!crear un campo de formulario para entrada de usuario>
<button>Verificar si acerto con el secreto</button> <!crear un botón clicable para realizar una acción>
<script>
//¿Qué voy hacer?
//Un juego secreto usando array en vez de number
//¿Cómo se va a realizar?
//Los elementos del array serán verificados por la entrada del usuario
//¿Cuántos elementos tendrá el array?
//Para este ejemplo son 4 elementos, pero un array puede tener millones de elementos
var secreto = [3,4,5,6]; // variable a verificar con 4 elementos en un array
var input = document.querySelector("input"); // pasa todo lo ingresado en HTML a JavaScript
input.focus(); // Para enfocar inmediatamente en la casilla al cargar el programa
// Creación de función verificar
function verificar(){
var encontrado = false; // para verificación de elementos y cambio de valor falso a true
//loop para cargar datos
for(var posición = 0;posición <secreto.length;posición++){
//iniciación = 0, desde el index 0 del array
//condición: que la iniciación va hasta la longuitud del array
//contador
if(parseInt(input.value) == secreto[posición]){ //condición de comparación: entre el dato ingresado y algún elemento del array
alert("Usted acerto");
encontrado = true; // transformación de dato booleano, solamente al coincidir el dato del usuario con el del array
break; // para evitar interacciones innecesarias al coincidir datos
}
}
//Creación de condición: En caso de no encontrar un valor igual al que ingresamos
if(encontrado == false){
alert("Usted erró")
}
input.value = ""; // para dejar en blanco el formulario de entrada despues de usarse
input.focus(); // para focalizarse inmediatamente en la casilla o formulario de entrada luego de verificar
}
var button = document.querySelector("button") //captura al objeto button en HTML a JavaScript
// asociación de la función verificar al dar click
button.onclick = verificar; // verificar; sin () hace una asociación a la función
// verifificar(); hace un llamado de la función
</script>