diff --git a/25 - Event Capture, Propagation, Bubbling and Once/changi.html b/25 - Event Capture, Propagation, Bubbling and Once/changi.html
new file mode 100644
index 0000000..de705ab
--- /dev/null
+++ b/25 - Event Capture, Propagation, Bubbling and Once/changi.html	
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Understanding JavaScript's Capture</title>
+  </head>
+  <body class="bod">
+    <div class="one">
+      <div class="two">
+        <div class="three"></div>
+      </div>
+    </div>
+
+    <style>
+      html {
+        box-sizing: border-box;
+      }
+
+      *,
+      *:before,
+      *:after {
+        box-sizing: inherit;
+      }
+
+      div {
+        width: 100%;
+        padding: 100px;
+      }
+
+      .one {
+        background: thistle;
+      }
+
+      .two {
+        background: mistyrose;
+      }
+
+      .three {
+        background: coral;
+      }
+    </style>
+
+    <button></button>
+    <script>
+      const divs = document.querySelectorAll("div");
+      const button = document.querySelector("button");
+
+      function logText(e) {
+        // e.stopPropagation();
+      }
+
+      divs.forEach((div) =>
+        div.addEventListener("click", logText, {
+          capture: false,
+          once: true,
+        })
+      );
+
+      function btnClick() {
+        console.log("clicked");
+      }
+
+      button.addEventListener("click", btnClick, {
+        once: true,
+      });
+    </script>
+  </body>
+</html>
