add expanded menu

assets/js/script.js

@@ -0,0 +1,24 @@
+document.addEventListener("DOMContentLoaded", () => {
+  // Functions
+  function expandNav() {
+    expandedNav.classList.add("open");
+
+    burgerBtn.setAttribute("aria-expanded", true);
+    closeNavBtn.setAttribute("aria-expanded", true);
+  }
+  function closeNav() {
+    expandedNav.classList.remove("open");
+
+    burgerBtn.setAttribute("aria-expanded", false);
+    closeNavBtn.setAttribute("aria-expanded", false);
+  }
+
+  // Variables
+  const burgerBtn = document.querySelector(".burger-btn");
+  const closeNavBtn = document.querySelector(".expanded-nav .close-btn");
+  const expandedNav = document.querySelector(".expanded-nav");
+
+  // Listeners
+  burgerBtn.addEventListener("click", expandNav);
+  closeNavBtn.addEventListener("click", closeNav);
+});