1. Capturing, Target, and Bubbling
outer
middle
2. Event Delegation
One listener on <ul> handles every item — including ones added after the page loaded. Click a task to mark it done; click × to remove it.