DOM - Document Object Model

The interface between your JavaScript and HTML + CSS

The Browser turns every HTML tab into a JavaScript object that we can manipulate

Everything is stored inside of the 'document' object.

To see document object

console.dir(document)

The Process

SELECT an element and then MANIPULATE

var h4 = document.querySelector("h4")

h4.style.color = "pink";

h4 text - Using js to change the color.