Javascript for Kids · Lesson

Filling the Story

Use a template.

Filling the Story is a free Javascript for Kids lesson on CoddyKit — lesson 2 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.

Time to Fill the Story! 📖

Welcome back, story maker! 🌟 Last time we collected silly words in boxes (variables). 📦

Today we drop those words into a story template to make something funny! 😂

What is a Template? 🧩

A template is a sentence with blank spots. 🧩

Like: The ___ ran to the ___. We fill the blanks with our words! ✏️

let animal = 'cat';
console.log('The ' + animal + ' ran very fast!');

Joining Words and Text ➕

We use the + sign to glue words and text together! ➕

This is called joining (or 'concatenation', a big word!). 🪄

let name = 'Zoey';
console.log('Hello, my name is ' + name + '!');

Two Blanks in One Sentence ✏️✏️

Stories can have more than one blank! Let's fill two at once. ✏️✏️

Watch how each word slides into its spot. 😄

let animal = 'frog';
let place = 'pond';
console.log('The ' + animal + ' jumped into the ' + place + '!');

A Bigger Template 📜

Let's build a longer story with lots of blanks! 📜

The more words we add, the sillier it gets! 🤪

let name = 'Max';
let animal = 'dragon';
let food = 'tacos';
console.log(name + ' rode a ' + animal + ' while eating ' + food + '!');

Adding a Describing Word 🌈

Adjectives make stories pop! 🌈 Let's drop one into our template.

A sparkly dragon is way more fun than a plain one! ✨

let adjective = 'sparkly';
let animal = 'dragon';
console.log('Look! A ' + adjective + ' ' + animal + ' flew by!');

Action Words in Stories 🏃

Verbs add action to our story! 🏃

Let's slide an action word right into the sentence. 💃

let name = 'Luna';
let verb = 'danced';
let place = 'kitchen';
console.log(name + ' ' + verb + ' all around the ' + place + '!');

A Two-Line Story 📰

Stories can be more than one line! 📰

Let's print two sentences that share the same words. 😎

let hero = 'Captain Sam';
let animal = 'penguin';
console.log(hero + ' found a tiny ' + animal + '.');
console.log('Then ' + hero + ' and the ' + animal + ' became best friends!');

Filling From Our Collection 🎒

Remember the words we collected? Let's fill a full story with them! 🎒

Every box gets used. 🎉

let person = 'Mia';
let adjective = 'wobbly';
let animal = 'robot';
let place = 'school';
console.log(person + ' built a ' + adjective + ' ' + animal + ' for ' + place + '!');

A Whole Silly Story 🤣

Let's put it ALL together into one big silly story! 🤣

This is the heart of our Story Maker! ❤️

let name = 'Theo';
let animal = 'unicorn';
let food = 'spaghetti';
let place = 'castle';
let sound = 'WHEEE';
console.log(name + ' rode a ' + animal + ' to the ' + place + '.');
console.log('They ate ' + food + ' and yelled ' + sound + '!');

You Filled the Story! 🏆

Fantastic work! 🏆 You learned how to:

🧩 Use a template with blanks
➕ Glue words and text with +
📜 Fill many blanks to make a silly story

Next lesson: showing off your funny story! 🎬

Quick Check ✅

Brain time! 🧠 What symbol do we use to glue words and text together?

Lesson Recap 🎀

Super job, story filler! 🎀 Today you learned:

🧩 A template has blanks to fill
➕ Use + to join words and text
📜 More blanks means a sillier story

Next: showing the funny result! 🎬

Frequently asked questions

Is the “Filling the Story” lesson free?

Yes — the full text of “Filling 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 “Filling the Story”?

Use a template. 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 2 of 4, so you can start here or from the beginning and move at your own pace.

How long does the “Filling 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