Week 10 · 45-60 min
JavaScript and the DOM
Week Summary
A quick preview of the main ideas in this week before you begin the slides.
- What Is the DOM?
- Selecting Elements with JavaScript
- Changing Text Content
- Changing Styles with JavaScript
Glossary
Review these key terms before starting this week. They are kept simple so students can learn the new vocabulary before moving into the slides.
- What Is the DOM?
- What Is the DOM?
- Selecting Elements with JavaScript
- Selecting Elements with JavaScript
- Changing Text Content
- Changing Text Content
What Is the DOM?
Progress
1 / 8
Use JavaScript to read and change webpage content.
Read one card at a time. Focus on the main idea first, then look at the visual on the right to help it stick.
DOM stands for Document Object Model.
It represents the webpage structure as objects JavaScript can access.
It lets JavaScript read and change HTML content.
It is the bridge between static markup and dynamic behavior.
This is a foundational concept for interactive webpages.
Remember
The DOM is how JavaScript sees and interacts with a webpage.
What Is the DOM?
Slide 1 of 8
Use arrows or dots to move through the lesson
Practice
- Write 2-3 sentences about what you learned this week.
Coming Next Week: Next: JavaScript Events