ARREGLOS-Juego de Adivinanza de Animales
Claro, aquí tienes un juego simple que utiliza arreglos en JavaScript para enseñar a los niños sobre su funcionamiento. En este juego, los niños deben adivinar el nombre de un animal a partir de las letras desordenadas. Utilizaremos un arreglo para almacenar las letras del nombre del animal y luego lo desordenaremos. Los niños deberán adivinar el nombre del animal reorganizando las letras. Puedes personalizar el juego con diferentes nombres de animales:
####<!DOCTYPE html>
<html>
<head>
<title>Juego de Adivinanza de Animales</title>
</head>
<body>
<h1>Adivina el Animal</h1>
<p>Te daré las letras desordenadas de un animal. Intenta adivinar cuál es el animal.</p>
<p id="nombre-animal"></p>
<button id="adivinar">Adivinar</button>
<input id="respuesta" type="text">
<button id="verificar">Verificar</button>
<p id="mensaje"></p>
<script>
// Arreglo de nombres de animales
const nombresAnimales = ["elefante", "tigre", "jirafa", "león", "pájaro"];
// Elige un nombre de animal aleatorio del arreglo
const nombreAnimal = nombresAnimales[Math.floor(Math.random() * nombresAnimales.length)];
// Convierte el nombre del animal en un arreglo de letras y desordénalo
const letrasDesordenadas = nombreAnimal.split('').sort(function() { return 0.5 - Math.random() }).join('');
// Muestra las letras desordenadas en la página
const nombreAnimalElement = document.getElementById('nombre-animal');
nombreAnimalElement.textContent = letrasDesordenadas;
// Variables para el juego
const respuestaInput = document.getElementById('respuesta');
const mensaje = document.getElementById('mensaje');
const verificarButton = document.getElementById('verificar');
verificarButton.addEventListener('click', function() {
const respuesta = respuestaInput.value.toLowerCase();
if (respuesta === nombreAnimal) {
mensaje.textContent = '¡Correcto! Has adivinado el animal.';
} else {
mensaje.textContent = '¡Incorrecto! Inténtalo de nuevo.';
}
});
</script>
</body>
</html>
######
Comentarios
Publicar un comentario