Versión del botón que abre el aside en la versión móvil

[salamandradevs.site/.git] / themes / droda / assets / js / main.js

diff --git a/themes/droda/assets/js/main.js b/themes/droda/assets/js/main.js
index 1315b0c9a643be3ec54b846a7614a42518a982dc..37ebccc1971976efc7419e556e9aca1f1117e58e 100644 (file)
--- a/themes/droda/assets/js/main.js
+++ b/themes/droda/assets/js/main.js
@@ -1,4 +1,16 @@
 // CODE SECTION: greetings
 const title = document.querySelector("title");
+const hamButton = document.querySelector("nav button");
+const aside = document.querySelector("aside");
 
 console.log("Gracias por visitar a " + title.innerHTML);
+
+hamButton.addEventListener("click", (e)=>{
+    if(e.target.attributes[0].nodeValue === 'true'){
+        e.target.attributes[0].nodeValue = false;
+        aside.setAttribute("style", "display: none");
+    } else {
+        e.target.attributes[0].nodeValue = true;
+        aside.setAttribute("style", "display: flex");
+    }
+});