Create menu.js

EDU-MDAnderson · Sep 24, 2023 · 28a890b · 28a890b
1 parent 926f79c
commit 28a890b
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/scripts/menu.js b/scripts/menu.js
@@ -0,0 +1,12 @@
+// JavaScript for mobile menu functionality
+const menuToggle = document.getElementById('menu-toggle');
+const mainNav = document.getElementById('main-nav');
+
+menuToggle.addEventListener('click', () => {
+    mainNav.classList.toggle('show-menu');
+    if (mainNav.classList.contains('show-menu')) {
+        menuToggle.textContent = '✕'; // Change the button text to '✕' when menu is open
+    } else {
+        menuToggle.textContent = '☰'; // Change it back to '☰' when menu is closed
+    }
+});