Events

Summary

The mechanism (`addEventListener`) that lets JavaScript react to user actions — clicks, key presses, form submissions — and drives all interactivity. Events follow a propagation model that includes capturing, target, and bubbling phases, so understanding propagation is essential for reliable interactive interfaces.

• 1Add click, input and submit listeners to a small form and log the event object. Test the result on both a successful path and an invalid or unexpected input.
• 2Learn `event.preventDefault()` and `event.stopPropagation()`. Focus on understanding the underlying reason it works, not only memorizing the definition.
• 3Practice removing listeners with `removeEventListener` to avoid memory leaks.