Javascript for Kids · Lección

Una lista de animales

Almacene pistas sobre animales

Lección 1 de 413 pasos

Una lista de animales es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Javascript for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Javascript for Kids incluye 4 lecciones en total.

¡Bienvenido, detective de animales! 🕵️

¡Prepárese para construir un juego muy divertido de Guess the Animal! 🐶🐱🦁

El ordenador pensará en un animal, le dará pistas y USTED intentará adivinarlo. Pero antes... ¡necesitamos un lugar donde guardar todos nuestros animales!

¿Qué es una lista? 📝

Una lista (la llamamos array) es como una caja de juguetes que contiene muchas cosas. 🧸

Usamos corchetes [ ] y ponemos comas entre cada elemento.

let animals = ["dog", "cat", "lion"]
console.log("My animal box has:", animals)

Añadir más animales 🦒

¡Cuantos más animales, más divertido será el juego! Llenemos la caja con muchos amigos.

let animals = ["dog", "cat", "lion", "giraffe", "penguin"]
console.log("Total animals:", animals.length)

Contar animales 🔢

¡Toda lista sabe cuánto mide! Use .length para contar lo que contiene. 🪄

let animals = ["dog", "cat", "lion"]
console.log("I have " + animals.length + " animals!")

Echar un vistazo a un animal 👀

Cada posición de la lista tiene un número llamado índice. ¡La primera es 0, no 1! 🤓

let animals = ["dog", "cat", "lion"]
console.log("First animal:", animals[0])
console.log("Second animal:", animals[1])

El animal secreto 🤫

En nuestro juego, el ordenador elige UN animal secreto de la caja. Vamos a obtener el león.

let animals = ["dog", "cat", "lion"]
let secret = animals[2]
console.log("Shhh... the secret is a", secret)

Animales con pistas 💡

¡Cada animal necesita pistas! Podemos guardar un animal y sus pistas juntos mediante un object con llaves { }.

let animal = { name: "lion", clue: "I am the king of the jungle!" }
console.log(animal.clue)

Una lista de objetos de pistas 📦

Ahora crearemos una lista de objetos. Cada uno es un animal Y su pista. ¡Qué genial! 😎

let animals = [
  { name: "dog", clue: "I love to bark and fetch!" },
  { name: "cat", clue: "I say meow and chase mice!" }
]
console.log(animals[0].clue)

Leer el nombre y la pista 🏷️

De un objeto de animal podemos leer tanto el name como la clue. 🎉

let animal = { name: "frog", clue: "I am green and I hop!" }
console.log("Animal:", animal.name)
console.log("Clue:", animal.clue)

Recorrer la caja con un bucle 🔁

Podemos visitar cada animal, uno por uno, con un bucle. ¡Es como revisar cada juguete de la caja!

let animals = ["dog", "cat", "lion"]
for (let i = 0; i < animals.length; i++) {
  console.log("Animal number " + i + ":", animals[i])
}

¡Los datos de nuestro juego están listos! ✅

¡Excelente trabajo! Hemos creado una lista de animales, cada uno con su pista. Este es el corazón de nuestro juego. ❤️

¡A continuación, empezaremos a dar esas pistas al jugador!

let animals = [
  { name: "lion", clue: "I am the king of the jungle!" },
  { name: "frog", clue: "I am green and I hop!" }
]
console.log("Game ready with " + animals.length + " animals! 🎮")

Comprobación rápida ❓

¡Es hora de un acertijo! 🧠

¡Lo ha conseguido! 🌟

Es hora de repasar. Hoy ha aprendido a:

  • 📝 Crear una lista con [ ]
  • 🔢 Contar elementos con .length
  • 📦 Guardar animales y pistas en objects
  • 🔁 Visitar cada animal con un bucle

Su caja de animales está llena y lista. ¡Sigamos dando pistas! 🚀

Gratis para empezar

Aprende JavaScript con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
35
Lecciones
140

Preguntas frecuentes

¿La lección «Una lista de animales» es gratis?

Sí — el texto completo de «Una lista de animales» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Javascript for Kids, actualiza a CoddyKit PRO. El curso de Javascript for Kids incluye 4 lecciones en total.

¿Qué aprenderé en «Una lista de animales»?

Almacene pistas sobre animales Practicas Javascript for Kids con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Javascript for Kids?

No se requiere experiencia previa. Javascript for Kids en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.

¿Cuánto tiempo toma la lección «Una lista de animales»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Javascript for Kids?

Sí. Cada lección de Javascript for Kids incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Una lista de animales
  2. Dar pistas
  3. Comprobar intentos
  4. ¡Lo ha conseguido!
← Volver a Javascript for Kids