Challenge: Event Propagation and Delegation

Task

You're building a dynamic list where users can add and delete specific items.

1. Use event delegation by adding a single click event listener to the ul with ID dynamic-list;
2. When an item is clicked:
   • If the clicked element is an <li>, show an alert with the text of the clicked item;
   • If the clicked element is a "Delete" button, remove the corresponding <li> item from the list.

• Use event.target.tagName === 'LI' to check if the clicked element is an <li>;
• Use event.target.classList.contains('delete-btn') to check if the clicked element is a "Delete" button.