Lab Lesson: Manipulating the DOM with JS

Learning Objectives

After this lesson, students will be able to:

• Change DOM properties programmatically either through JavaScript or jQuery
• Understand how DOM events can change a DOM

Preparation

Before this lesson, students should be able to:

• Describe how CSS and HTML are linked
• Identify at least one native function that are designed to manipulate the DOM
• Understand how classes and ids work in CSS
• Know how to write well-formed CSS
• Understand how functions are invoked

---

Introduction (10 min)

In order to become more confident in your ability to write a web application, this lab will challenge your foundational understanding of HTML/CSS/JS. The lab consists of 3 folders, background, 3 warm-ups you can complete in pairs, and 1 independent challenge. Starter code has been provided for you