# Unit 2: Intro to DOM Manipulation Basics

- [Unit 2 Overview](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/unit-2-overview.md): How can I create a more interactive webpage using Javascript?
- [U2LA1: JavaScript Essentials - Variables to Arrow Functions](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/u2la1-javascript-essentials-variables-to-arrow-functions.md): How can I store and manipulate data to later be used in various ways throughout my website?
- [U2LA1 Mini Project: JavaScript Essentials](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/u2la1-mini-project-javascript-essentials.md): How can I store and manipulate data to later be used in various ways throughout my website?
- [U2LA2.1: DOM Manipulation with JavaScript Click Interactions](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/u2la2.1-dom-manipulation-with-javascript-click-interactions.md): How can JavaScript help me make my websites interactive?
- [U2LA2.2: Accessible Shopping Cart](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/untitled.md): How can I make it easier for someone using a screen reader to interact through a webpage?
- [U2LA2 Mini Project: The National Horse Race](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/u2la2-mini-project-the-national-horse-race.md): How do you change a webpage based on clicked buttons?
- [U2LA3: Inputs and Conditionals](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/u2la3-inputs-and-conditionals.md): How can I make changes to a page based on an input?
- [U2LA3 Mini Project: The Interactive Site](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/u2la3-mini-project-the-interactive-site.md): What are ways you can change a webpage based on other inputs while maintaining accessibility?
- [U2LA4: Add, Remove, and Toggle](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/u2la4-add-remove-and-toggle.md): How can I change the classes an element has as I interact with the page?
- [U2LA4 Mini Project: The Cross-Wired Lightbulbs Puzzle](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/u2la4-mini-project-the-cross-wired-lightbulbs-puzzle.md): How can you use add, remove, and toggle in Javascript to change an element's classList and other attributes in HTML?
- [Unit 2 Final Project: Input-Output Helper Site](/js-the-interactive-web/unit-2-intro-to-dom-manipulation-basics/unit-2-final-project-input-output-helper-site.md): How can you use Javascript to create seamless interaction on a webpage?