Overview

Topics we are going to cover

• DOM Explained

• Selecting and styling HTML elements via JavaScript

• Changing the content of HTML elements via JavaScript

• Reacting to DOM events

• Adding and removing HTML elements

Assumptions

This documentation assumes that:

• You are familiar with folders and files. You are able to create folders and files and navigate between them.

• You are familiar with basic HTML, CSS, and JavaScript. We do not assume you are an expert, but you should be able to build a simple website.

• You have Visual Studio Code installed. You may use a different text editor, but VS Code is highly recommended for JavaScript development. This walk through assumes you are using VS Code.

File Structure

Set up the folder and the following files inside of 02-DOM-Manipulation:

    javascript-library
        └── 0-JavaScript-PreWork
        └── 1-JavaScript-Fundamentals
        └── 2-JavaScript-DOM-Manipulation
            └── index.html