Guided project solution and notes for Applied JavaScript DOM-I

Objectives

At the end of this module, you should be able to:

• Explain what the DOM is, and how it relates to an html page
• Use DOM selectors, and describe the differences in the behavior of each.
• Use different properties and methods to manipulate a selected element.
• create a new element, manipulate it, and add it to the DOM

Link to Slides used in class

Starter code:

https://codepen.io/cgorton/pen/dxZNVE

Solution code:

https://codepen.io/cgorton/pen/d971a5aa3db7ab05817318a38281be06

Guided project walk through:

Ask: What is the DOM?

Look at DOM I TK