Lecture 04 – DOM Scripting and Event Handling

In this lecture, we continue practising JavaScript events and DOM scripting.

Topics covered:

• Selecting HTML elements with document.querySelector()
• Listening for user actions with addEventListener()
• Showing and hiding HTML elements
• Changing text and styles with JavaScript
• Adding and removing CSS classes with classList.toggle()
• Reacting to selections in a drop-down menu
• Introduction to Workshop 04 – DOM Scripting

Remember the main process:

Select → Listen → Change the DOM