add function to toggle menu when button is present

HectorVilas · Apr 29, 2023 · 008d723 · 008d723
1 parent b3967d4
commit 008d723
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/modules/functions.js b/modules/functions.js
@@ -61,4 +61,9 @@ export function goToPage(page) {
 
   main.replaceChildren(...sections);
   window.scrollTo(0, 0);
-}
+}
+
+export function toggleNav() {
+  const nav = document.querySelector('#navigation');
+  nav.classList.toggle('nav-show');
+}
diff --git a/modules/header.js b/modules/header.js
@@ -1,4 +1,4 @@
-import { goToPage } from "./functions.js";
+import { goToPage, toggleNav } from "./functions.js";
 
 const svgNs = 'http://www.w3.org/2000/svg';
 
@@ -13,6 +13,8 @@ export default function header() {
     menuBtn,
     nav(),
   );
+
+  menuBtn.addEventListener('click', toggleNav);
 
   return header;
 }