Event Listeners in JavaScript - JavaScript Events Tutorial

This beginner tutorial teaches JavaScript event listeners for browser interactions, including event bubbling, capturing, propagation, event targets, classList manipulation, and HTML form submission behavior.

Syllabus

Insure the DOM is available to interact with
How to load your script for DOM interaction
3:30 Syntax: addEventListenerevent, function, useCapture
Using a function name in the event listener
5:55 Removing a function with a name: removeEventListener
Using an anonymous function in the event listener
Listening for the readystatechange event
Constructing an initApp function
Event Bubbling
Event Capturing
Event Propagation and stopPropagation
event.target usage
classList, add, remove, and toggle
Listening for a HTML Form submit event
HTML Form default behavior
Prevent default behavior with event.preventDefault