Javascript for Kids · Lección

Mostrar la historia

Imprima el resultado

Mostrar la historia es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 3 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.

¡Muestre su historia! 🎬

¡Hola, estrella! 🌟 Recopilamos palabras y las introdujimos en una plantilla. 📖

¡Ahora comienza el espectáculo! 🎬 Vamos a mostrar el divertido resultado de una forma entretenida.

Mostrar con console.log 🖨️

console.log sirve para mostrar palabras en la pantalla. 🖨️

Es como una pequeña impresora para nuestra historia. 😄

let name = 'Zoey';
console.log('Starring: ' + name + '! 🌟');

Un título para la historia 📛

¡Toda buena historia tiene un título! 📛

Vamos a mostrar un título elegante antes de que comience la historia. ✨

let hero = 'Max';
console.log('=== The Tale of ' + hero + ' ===');

Mostrar la historia completa 📜

¡Ahora vamos a mostrar toda la historia completada! 📜

¡Este es el gran momento! 🎉

let name = 'Luna';
let animal = 'dragon';
let place = 'cave';
console.log(name + ' met a ' + animal + ' inside a dark ' + place + '!');

La historia en varias líneas 📰

¡Las historias largas se ven mejor en varias líneas! 📰

Cada console.log muestra una línea nueva. 📄

let name = 'Theo';
let food = 'pancakes';
console.log('Once upon a time...');
console.log(name + ' loved eating ' + food + '.');
console.log('The End! 🎬');

Añadir emojis para divertirse 🎉

¡Los emojis hacen que nuestra historia sea aún más disparatada y divertida! 🎉

¡Añádalos para darle vida a la historia! 🦄

let animal = 'unicorn';
let place = 'rainbow';
console.log('🦄 The ' + animal + ' slid down the ' + place + '! 🌈');

Un marco elegante 🖼️

¡Vamos a enmarcar nuestra historia con un borde divertido! 🖼️

Los bordes hacen que la historia parezca la página de un libro de verdad. 📚

let name = 'Mia';
console.log('********************');
console.log('  ' + name + ' the Brave!');
console.log('********************');

Mostrar una historia disparatada completa 🤣

¡Vamos a revelar una historia disparatada completa, con título y emojis! 🤣

¡Esto es exactamente lo que crea Story Maker! 🎊

let name = 'Captain Sam';
let animal = 'penguin';
let food = 'tacos';
console.log('🎬 ' + name + ' and the Magic ' + animal);
console.log(name + ' fed ' + food + ' to a ' + animal + '!');
console.log('Everyone cheered! 🎉');

Una función para mostrar historias 🤖

¡Vamos a crear una pequeña máquina (función) que muestre la historia! 🤖

Le damos palabras y muestra todo el relato. 🎬

function showStory(name, animal) {
  console.log('🌟 ' + name + ' found a ' + animal + '!');
  console.log('They became best friends. ❤️');
}
showStory('Zoey', 'fox');

¡Muestre dos historias! 📚

¡Con nuestra máquina podemos mostrar tantas historias como queramos! 📚

¡Solo tiene que llamarla otra vez con palabras diferentes! 🔁

function showStory(name, animal) {
  console.log('🌟 ' + name + ' rode a ' + animal + '! 🎉');
}
showStory('Max', 'dragon');
showStory('Luna', 'whale');

¡Ha mostrado la historia! 🏆

¡Excelente trabajo, narrador! 🏆 Ha aprendido a:

🖨️ Mostrar palabras con console.log
📛 Añadir un título y 🖼️ un borde
🤖 Usar una función para mostrar toda la historia

Siguiente lección: ¡crear SU PROPIA plantilla de historia! ✏️

Comprobación rápida ✅

¡Es hora de pensar! 🧠 ¿Qué comando usamos para mostrar nuestra historia en la pantalla?

Repaso de la lección 🎀

¡Excelente trabajo, artista! 🎀 Hoy ha aprendido:

🖨️ console.log muestra nuestra historia
📛 Los títulos y 🖼️ los bordes quedan geniales
🤖 Una función puede mostrar toda la historia

Siguiente paso: ¡crear su propia historia! ✏️

Preguntas frecuentes

¿La lección «Mostrar la historia» es gratis?

Sí — el texto completo de «Mostrar la historia» 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 «Mostrar la historia»?

Imprima el resultado 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 3 de 4.

¿Cuánto tiempo toma la lección «Mostrar la historia»?

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

← Volver a Javascript for Kids