diff --git a/src/pages/js/01-foundation.mdx b/src/pages/js/01-foundation.mdx
index 58ca08f..c1b119c 100644
--- a/src/pages/js/01-foundation.mdx
+++ b/src/pages/js/01-foundation.mdx
@@ -377,10 +377,16 @@
 
 ## イベント
 
+### イベントの登録
+
+HTML属性で直接登録する方法もあります。
+
 ```html
 <button onclick="alert('Button was clicked!')">Click Me!</button>
 ```
 
+JavaScriptでイベントリスナーを登録する方法が一般的です。j
+
 ```html
 <button id="myButton">Click Me!</button>
 
@@ -393,3 +399,48 @@
   });
 </script>
 ```
+
+同時に複数のイベントリスナーを登録することも可能です。
+
+```html
+<button id="myButton">Click Me!</button>
+
+<script>
+  const button = document.getElementById("myButton");
+
+  function handleClick1() {
+    alert("Button was clicked!");
+  }
+
+  function handleClick2() {
+    console.log("Button click logged.");
+  }
+
+  button.addEventListener("click", handleClick1);
+  button.addEventListener("click", handleClick2);
+</script>
+```
+
+### イベントの削除
+
+`onRemoveEventListener`メソッドを使って、登録したイベントリスナーを削除できます。  
+例のように、1度だけ実行したい場合などに使えます。
+
+```html
+<button id="myButton">Click Me!</button>
+
+<script>
+  const button = document.getElementById("myButton");
+  function handleClick1() {
+    alert("alert only once!");
+    button.removeEventListener("click", handleClick);
+  }
+
+  function handleClick2() {
+    console.log("Button click logged.");
+  }
+
+  button.addEventListener("click", handleClick1);
+  button.addEventListener("click", handleClick2);
+</script>
+```''