Javascript for Kids · Lesson

Showing the Story

Print the result.

Showing the Story is a free Javascript for Kids lesson on CoddyKit — lesson 3 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the Javascript for Kids learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.

Show Off Your Story! 🎬

Hi superstar! 🌟 We collected words and filled them into a template. 📖

Now it's showtime! 🎬 Let's show the funny result in a fun way!

Printing With console.log 🖨️

console.log is how we show words on the screen! 🖨️

It is like a tiny printer for our story. 😄

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

A Story Title 📛

Every great story has a title! 📛

Let's print a fancy title before the story begins. ✨

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

Showing the Full Story 📜

Now let's show the whole filled-in story! 📜

This is the big reveal! 🎉

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

Story on Many Lines 📰

Long stories look nicer on many lines! 📰

Each console.log prints a new line. 📄

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

Adding Emojis for Fun 🎉

Emojis make our story extra silly and fun! 🎉

Sprinkle them in to bring the story to life! 🦄

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

A Fancy Border 🖼️

Let's frame our story with a fun border! 🖼️

Borders make the story look like a real book page. 📚

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

Showing a Whole Silly Story 🤣

Let's reveal a full silly story with a title and emojis! 🤣

This is exactly what our Story Maker creates! 🎊

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! 🎉');

A Show Function 🤖

Let's build a little machine (function) that shows the story! 🤖

We give it words, and it prints the whole tale! 🎬

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

Show Two Stories! 📚

With our machine, we can show as many stories as we want! 📚

Just call it again with different words! 🔁

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

You Showed the Story! 🏆

Wonderful work, storyteller! 🏆 You learned to:

🖨️ Show words with console.log
📛 Add a title and 🖼️ a border
🤖 Use a function to print the whole story

Next lesson: make your OWN story template! ✏️

Quick Check ✅

Brain time! 🧠 Which command do we use to show our story on the screen?

Lesson Recap 🎀

Super job, showman! 🎀 Today you learned:

🖨️ console.log shows our story
📛 Titles and 🖼️ borders look cool
🤖 A function can show the whole tale

Next: build your very own story! ✏️

Frequently asked questions

Is the “Showing the Story” lesson free?

Yes — the full text of “Showing the Story” is free to read here on the web, and the Javascript for Kids course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the Javascript for Kids course, upgrade to CoddyKit PRO.

What will I learn in “Showing the Story”?

Print the result. You practise Javascript for Kids with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.

Do I need any experience to start Javascript for Kids?

No prior experience is required. Javascript for Kids on CoddyKit is structured for beginners through advanced learners; this is — lesson 3 of 4, so you can start here or from the beginning and move at your own pace.

How long does the “Showing the Story” lesson take?

Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.

Can I write and run code in this Javascript for Kids lesson?

Yes. Every Javascript for Kids lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.

All lessons in this course

← Back to Javascript for Kids