Chat with Your Personal AI Interview Mentor

Event delegation is a pattern where you attach a single event listener to a parent element instead of multiple listeners to each child. It works because events bubble up the DOM. This improves performance and handles dynamically added elements automatically.

Sure! Instead of adding a click listener to each <li> in a list, you add one listener to the <ul>. Inside, you check event.target to identify which <li> was clicked. This way, even new <li> elements added later are automatically handled.