World
Make the Web Interactive
Bring the websites you already know how to build to life with JavaScript. Connect buttons, forms and page elements, build practical website interactions, create dynamic content, debug problems and finish with complete browser apps and games.
World map
Choose your next quest
0 of 64 coding missions complete
World
Make the Web Interactive
DOM Magic
Connect JavaScript to real webpage elements with querySelector and textContent.
Buttons That Actually Work
Use click events, functions and changing state to make webpage buttons run JavaScript.
Mood Machine
Let JavaScript switch CSS classes so colours, themes and other styles respond to state.
Show, Hide & Dismiss
Build familiar website interactions such as FAQs, dismissible notices and a show-password button.
Shopping Quantity
Build the +/− quantity control from a small shop page, calculate totals and handle minimum and stock limits.
Mission Score Calculator
Build a useful number-input form, turn typed values into numbers, calculate a score and use conditions to show a rank.
Simple Tabs
Build a familiar Profile / Details / Reviews tab interface by switching visible panels and active button styles.
Build Things with JavaScript
Create, append and remove DOM elements, then build a small dynamic monster team.
To-do List
Combine inputs, dynamic DOM elements, validation and delete buttons in a small practical checklist app.
Website Repair Shop
Debug HTML, CSS and DOM JavaScript by reading what the code is actually doing.
Quiz Show
Build a three-question creature quiz using familiar arrays, objects, functions, events and DOM updates.
Virtual Pet
Build a small state-driven pet game where JavaScript state controls DOM text and CSS classes.
Treasure Hunter
Combine HTML, CSS, state, events, conditions, DOM rendering and restart behaviour with the least scaffolding in the course.