Update main.js

macedonianluke · Oct 25, 2024 · 1b47ca6 · 1b47ca6
1 parent 485bbfb
commit 1b47ca6
Showing 1 changed file with 27 additions and 24 deletions.
diff --git a/js/v2/main.js b/js/v2/main.js
@@ -1,33 +1,36 @@
 document.addEventListener('DOMContentLoaded', () => {
-    const cursor = document.querySelector('.cursor');
-    const menu = document.querySelector('.menu');
+    // Menu functionality
     const menuButton = document.querySelector('.menu-toggle');
+    const menu = document.querySelector('.menu');
 
-    // Convert "Menu" text to a button if it doesn't exist
-    if (!menuButton) {
-        const menuText = document.querySelector('div:contains("Menu")');
-        if (menuText) {
-            const button = document.createElement('button');
-            button.className = 'menu-toggle';
-            button.textContent = 'Menu';
-            menuText.replaceWith(button);
-        }
-    }
-
-    // Add menu toggle functionality
-    document.querySelector('.menu-toggle')?.addEventListener('click', () => {
-        menu?.classList.toggle('active');
-    });
+    if (menuButton && menu) {
+        menuButton.addEventListener('click', () => {
+            menu.classList.toggle('active');
+            // Optional: Toggle button text
+            menuButton.textContent = menu.classList.contains('active') ? 'Close' : 'Menu';
+        });
 
-    // Close menu when clicking menu links
-    const menuLinks = document.querySelectorAll('.menu-nav a');
-    menuLinks.forEach(link => {
-        link.addEventListener('click', () => {
-            menu?.classList.remove('active');
+        // Close menu when clicking menu links
+        const menuLinks = document.querySelectorAll('.menu-nav a');
+        menuLinks.forEach(link => {
+            link.addEventListener('click', () => {
+                menu.classList.remove('active');
+                menuButton.textContent = 'Menu';
+            });
         });
-    });
 
-    // Existing cursor code
+        // Add escape key functionality to close menu
+        document.addEventListener('keydown', (e) => {
+            if (e.key === 'Escape' && menu.classList.contains('active')) {
+                menu.classList.remove('active');
+                menuButton.textContent = 'Menu';
+            }
+        });
+    }
+
+    // Cursor functionality
+    const cursor = document.querySelector('.cursor');
+
     if (!cursor) {
         console.error('Cursor element not found');
         return;