Skip to content
Frontend · library

DOM: JavaScript on the Page

How JavaScript brings a website to life: finding elements, changing text and classes, listening to clicks and forms, building lists from data. 5 topics, each with a detailed explanation, examples and three tasks — your code runs on a live page right next to it.

5 topics · 15 challenges
Challenges solved0 of 15
  1. 01ContinuePage ElementsWhat the DOM is, querySelector and querySelectorAll, textContent and innerHTML, input values0 / 3
  2. 02Classes, Styles and AttributesclassList, style, getAttribute and setAttribute, data attributes, hiding and showing an element0 / 3
  3. 03EventsaddEventListener, clicks, text input, the event object, keyboard, removeEventListener0 / 3
  4. 04Creating Elements and ListscreateElement, append and prepend, remove, rendering a list from an array of data0 / 3
  5. 05Forms and Delegationsubmit and preventDefault, validating fields, event delegation, a to-do list with filters0 / 3