| Title | Type | Duration | Author |
|---|---|---|---|
| DOM Manipulation | Lab | 2:00 | Rachel Moskowitz (adapted from SEI NYC) |
At the end of this lesson, students will be able to:
- Manipulate the DOM.
Can you really manipulate the DOM, though?
Didn't think so. Thankfully, we're not talking about that Dom.
Today, we'll be practicing DOM manipulation and event handling.
You've been provided with a basic website, including the index.html, style.css, and script.js files. All of your work will go in the script.js file — you shouldn't have to edit index.html or style.css.
There are empty functions for each part. Don't forget to call the function to test its utility.
Finish filling out all of the functions set up in script.js.
This vanilla JavaScript quick reference and cheat sheet has a helpful section on DOM querying and creation.