Javascript
Designed for Class 1 School Students to spark real collaboration and high-energy learning.
No extra context provided. Learning objectives: • Express how using JavaScript can make a webpage more fun and interactive. • Discuss what was challenging or enjoyable about trying JavaScript activities in class. • Construct a basic JavaScript statement to show a greeting message on a webpage. • Identify basic JavaScript commands used to display text on a webpage. Class 1 School Students Session constraints and alignment parameters selected by facilitator: [Class 1 School Students].
The Magic Pencil Trick
Hold up a pencil and ask the class how you could make it dance on a webpage — but without touching it! Let students guess wild ways this could happen. Then reveal: JavaScript is like a magic wand for web pages, letting us make things move, change, or react like our pencil. Show a simple JavaScript command that makes text 'jump' on the screen.
Tap to view the full activity.
Why this works
By tying the invisible power of JavaScript to something physical and familiar, kids become instantly curious about how code can make things happen, even outside the digital world.
When Computers Mishear
Tell a story: You ask your friend to write your name on the board, and they write it backwards or miss a letter — just for fun! Ask: What happens if we tell JavaScript to display ‘Hello’ but spell it wrong? Have kids predict what will happen. Reveal the actual result: JavaScript doesn’t understand and nothing appears.
Tap to view the full activity.
Why this works
Showing kids how tiny mistakes can confuse computers helps them remember to be careful with coding. The surprise when code doesn’t work sticks long after class.
Secret Code Hand Raise
Write three basic JavaScript commands on the board: document.write('Hello!'), alert('Hi!'), and console.log('Hey!'). Ask every student to silently pick which command they think shows a greeting on the webpage. Have them raise their hands for each option, but no one needs to explain out loud. Reveal the correct answer and demo it live.
Tap to view the full activity.
Why this works
This lets every child participate without fear of being wrong aloud, making it perfect for shy students. The quick show-of-hands and live demo reinforce the real skill.
Race to Code Message
Split the class into two teams. Give both teams the challenge: Who can write a JavaScript statement fastest that shows their team name on a webpage? Teams race to write: document.write('Team Red!') or document.write('Team Blue!') and show their result. The team with the working code wins a silly prize (like extra loud applause).
Tap to view the full activity.
Why this works
A time-based challenge gets everyone moving and cheering, and the payoff — seeing their team name pop up on the screen — feels like real power. Competition makes the learning stick.
Birthday Party Webpage
Ask students: Imagine you want to invite all your friends to a birthday party — but instead of sending cards, you want a webpage to say 'Happy Birthday!' to each friend. What JavaScript command could you use? Connect this party scenario to writing a greeting command together as a group.
Tap to view the full activity.
Why this works
Tying coding to something joyful and familiar — a birthday — helps kids see how code can be used for things they care about in everyday life.
Code Challenge Sharing Circle
Have each student share one thing they found tricky or fun about using JavaScript today — maybe remembering the spelling, seeing their message pop up, or trying to make the computer say something silly. Go around the room quickly so everyone has a moment to share. Emphasize that every answer is welcome.
Tap to view the full activity.
Why this works
When children talk about their own struggles and wins, they build a personal connection to the topic. This makes the learning feel real and approachable, not just technical.
Sign up to unlock 3 more activities
Get the full pack, facilitation flow, and more ready-to-run ideas.