Interactive Web Pages with JavaScript

Make web pages come alive: change what's on the page, react to taps and typing, build lists from data and check forms, on a live page in every lesson.

by Teyro

37 lessons
5 units
6h 39m
Up to 690 XP

I wrote this one myself. Start now and I'll count your streak from lesson one.

What you'll learn

Find anything on a page and change its text, classes and attributes
React to clicks, typing and keys with event listeners
Build and rebuild page content from arrays of data
Read forms, stop page reloads and validate input kindly
Combine it all into widgets like search, filters and tabs

Course path

5 units · 37 lessons

JavaScript meets the page10 min · InteractiveFree+10 XP
Finding things10 min · InteractiveFree+10 XP
Changing words and numbers on the page10 min · InteractiveFree+10 XP
Classes: open green, closed grey10 min · InteractiveFree+10 XP
Checkpoint: first light12 min · InteractiveFree+20 XP
Attributes and styles10 min · InteractiveFree+10 XP
Every match: querySelectorAll10 min · InteractiveFree+10 XP
Data onto the page11 min · InteractiveFree+10 XP
When the page says null10 min · InteractiveFree+10 XP
Unit Challenge: the lodge board shows today15 min · InteractiveFree+20 XP
Unit 1 chestFinish every lesson in this unit+50 XP

Click10 min · Interactive
Remember and show10 min · Interactive
Plus, minus, reset10 min · Interactive
Which button?10 min · Interactive
Checkpoint: the Saturday line12 min · Interactive
Typing10 min · Interactive
Show and hide10 min · Interactive
Keys and choices10 min · Interactive
Why nothing happens10 min · Interactive
Unit Challenge: the lift-line counter15 min · Interactive
Unit 2 chestFinish every lesson in this unit+50 XP

Teyro Original · Chapter 1 free, then Teyro Pro

All courses

Coding · Intermediate