Event Delegation

Summary

Attaching one listener to a parent element instead of many to its children, using event bubbling and `event.target` to figure out what was actually clicked. Delegation relies on event bubbling and can reduce listener overhead while automatically supporting dynamically inserted child elements.

• 1Convert a list with per-item click listeners into a single delegated listener. Validate your understanding by applying it in a small practical example.
• 2Learn how `event.target` differs from `event.currentTarget`. Focus on understanding the underlying reason it works, not only memorizing the definition.
• 3Understand why delegation is essential for dynamically added elements.