# The DOM and Events — Make Web Pages Interactive with JavaScript Source: https://skills101.in/learn/web-development/dom-and-events — Skills101 free tutorial (Web Development). Updated 2026-11-09. The **DOM** is the tree the browser builds from your HTML. JavaScript can **read** it, **change** it and **react to user actions** (events). That's how every interactive page works. ![The DOM tree: html contains head and body; body contains h1, p and a ul with three li items. JavaScript reads and changes this tree](https://skills101.in/learn-img/web-development/dom-tree.svg) (These examples run in the browser — paste them into a page's ` ``` Add `localStorage.setItem` / `getItem` to remember tasks after a refresh — a great first portfolio project. ## Common mistakes - Running scripts before the HTML exists — put `