The DOM and Vanilla JS

Before we dive into the DOM, let’s talk about the structure of a webpage. A webpage consists of Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS). The HTML provides the basic structure for a webpage. It determines what elements appear any webpage and in what order. CSS is what controls the aesthetics of a webpage. It determines the colors, sizes, fonts, and other stylistic properties of the elements on a webpage. CSS is applied to…