JavaScript DOM
We take the first steps towards making a webpage interactive by introducing the DOM and the browser's API. Here we learn to read and change content as well as add and remove elements on a webpage. We also look at selected events and how JavaScript can react to them.
Before class
Practical requirements
Recommended reading and videos
- Document Object Model (DOM): https://www.youtube.com/watch?v=NO5kUNxGIu0 Læsemateriale:
- Document Object Model (DOM) reference:
- https://javascript.info/browser-environment
- https://javascript.info/dom-navigation
- https://javascript.info/searching-elements-dom
- https://javascript.info/dom-attributes-and-properties
- https://javascript.info/basic-dom-node-properties
- https://javascript.info/modifying-document
- https://javascript.info/styles-and-classes
- Events:
Extra resources
During class
We will use these 📄 JavaScript DOM (PDF) and you will have time to do the exercises.
Demos used in class:
- TBD
After class
Finish the exercises.