Update script.js

Author: MarjMart

public/script.js

@@ -22,29 +22,47 @@ const rotasModais = {
     abrirModal: "modalContato"
 };
 
-// ABRIR MODAIS
+// UX - MENU MOBILE (HAMBURGUER)
 
+const menuToggle = document.getElementById("menuToggle");
+const navLinks = document.getElementById("navLinks");
 
-Object.keys(rotasModais).forEach((idBotao) => {
+// ABRIR / FECHAR MENU
+if (menuToggle && navLinks) {
 
-    const elemento = document.getElementById(idBotao);
+    menuToggle.addEventListener("click", function (e) {
+        e.stopPropagation();
+        navLinks.classList.toggle("active");
+    });
 
-    if (!elemento) return;
+    navLinks.addEventListener("click", function (e) {
+        e.stopPropagation();
+    });
 
-    elemento.addEventListener("click", function (e) {
+    document.addEventListener("click", function () {
+        navLinks.classList.remove("active");
+    });
+}
 
-        e.preventDefault();
+// ABRIR MODAIS
 
-        const idModal = rotasModais[idBotao];
+Object.keys(rotasModais).forEach((idBotao) => {
 
-        const modal = document.getElementById(idModal);
+    const elemento = document.getElementById(idBotao);
+    const idModal = rotasModais[idBotao];
 
-        if (modal) {
+    if (!elemento || !idModal) return;
 
-            modal.classList.add("ativo");
+    const modal = document.getElementById(idModal);
 
-        }
+    if (!modal) return;
+
+    elemento.addEventListener("click", function (e) {
+        e.preventDefault();
+
+        navLinks?.classList.remove("active"); 
 
+        modal.classList.add("ativo");
     });
 
 });