add hamburger menu toggle menu function

Author: Daniel1000c

formapi/scripts/script.js

@@ -79,4 +79,30 @@ document.getElementById("userForm").addEventListener("submit", function(event){
         //Show form validation errors
         form.reportValidity();
     }
+});
+
+//Create menu toggle function
+document.addEventListener("DOMContentLoaded", () => {
+    //Create consts hamburgermenu, navmenu, and overlay
+    const hamburgerMenu = document.getElementById("hamburger");
+    const navMenu = document.getElementById("navMenu");
+    const overlay = document.getElementById("overlay");
+
+    //Create function to toggle menu
+    function toggleMenu() {
+        const isActive = navMenu.classList.toggle("active");
+        overlay.classList.toggle("active");
+
+        //Change the menu icon to X
+        hamburgerMenu.classList.toggle("bx-menu", !isActive);
+
+        //Change the menu icon to hamburger
+        hamburgerMenu.classList.toggle("bx-x", isActive);
+    }
+
+    //Add event listener to hamburgermenu
+    hamburgerMenu.addEventListener("click", toggleMenu);
+
+    //Add event listener to overlay for clicking outside of nav menu
+    overlay.addEventListener("click", toggleMenu);
 });