the DOM API

Introduction to the DOM

• setting up the repo

• the document object
• referencing HTML elements
• changing/mutating HTML elements
• changing/mutating CSS (style) of an HTML element


• EXAMPLE: random style/color function

Event Based Programming w/the DOM

• script tags (code structure/patterns)
• Event Based Programming (programming paradigms)
• creating mouse Event Listeners
• callback function syntax (code structure/patterns)
• event objects
• creating keyboard Event Listeners
• modular callback functions (code structure/patterns)
• creating new HTML elements w/the DOM API


• EXAMPLE: Interface Painter