Update static/menu.js

static/menu.js

@@ -1,27 +1,38 @@
-function showUserRegister() {
+<script>
+  // Show user registration page
+  function showUserRegister() {
     fetch("/reset");
     window.location.href = "userregister";
   }
+
+  // Show recorder page
   function showRecorder() {
     window.location.href = "index";
   }
+
+  // Show results page
   function showResults() {
     window.location.href = "feedback";
   }
+
+  // Show talk detail page
   function showTalkDetail() {
     window.location.href = "talk_detail";
   }
+
+  // Reset action page
   function resetAction() {
     window.location.href = "reset_html";
   }
 
-// メニューの表示・非表示
-function toggleMenu(event) {
-    event.stopPropagation();
+  // Toggle hamburger menu visibility
+  function toggleMenu(event) {
+    event.stopPropagation();  // Prevents click event from propagating to the document
     const menu = document.getElementById("menu");
     menu.classList.toggle("open");
   }
-  
+
+  // Close the menu if clicked outside
   function closeMenu(event) {
     const menu = document.getElementById("menu");
     if (
@@ -31,4 +42,11 @@ function toggleMenu(event) {
     ) {
       menu.classList.remove("open");
     }
-  }
+  }
+
+  // Add event listener for closing the menu when clicking outside
+  document.addEventListener("click", closeMenu);
+
+  // Show recorder page
+  document.getElementById("add-btn").addEventListener("click", showRecorder);
+</script>