Day 14 of 14 35 minSelecting elementsEventsMini project
Make web pages interactive. Find elements, change their text and styles, create new ones, respond to clicks and typing with events, and put it all together in a small to-do app that saves your list.
By the end of today you can
- Explain what the DOM is and how it mirrors the HTML
- Select elements and change their text, attributes and classes
- Create, add and remove elements
- Respond to clicks, input and form submissions with event listeners
- Build a small interactive app using event delegation and localStorage
What's inside
- 5 sections
- 3 diagrams and mind maps
- 5-question quiz
- 1The DOM tree
- 2Selecting and changing elements
- 3Creating and removing elements
- 4Events: reacting to the user
- 5Project: a to-do app
Sign in free to read this lesson
Get the full lesson with diagrams, runnable code and the quiz. Your progress is saved across devices.
Sign in free