update

04-dom-events-async/06-bubbling-and-delegation/starter.js

@@ -3,3 +3,28 @@
 // 2. 给 lesson-list 绑定点击事件，使用事件委托
 // 3. 点击 li 时切换 active 类名
 // 4. 点击删除按钮时，阻止冒泡并删除当前 li
+const panel = document.getElementById("panel")
+panel.addEventListener("click", function () {
+  console.log("点击外部")
+})
+
+const list = document.getElementById("lesson-list")
+list.addEventListener("click", function (event) {
+
+  const remove = event.target.closest(".remove-btn")
+  if (remove) {
+    const li = remove.closest(".lesson-item")
+
+    if (li) {
+      li.remove()
+      event.stopPropagation()
+    }
+    return
+  }
+
+  const tog = event.target.closest(".lesson-item")
+  if (tog) {
+    tog.classList.add("active")
+  }
+
+})