Puedo hacer que aparezca el menú de navegación cuando hago clic en el botón, pero no puedo hacer que desaparezca.
Aquí está el código:
const navButton = document.getElementById("nav-btn"); const menu = document.getElementById("nav-menu"); const all = document.getElementsByTagName("body"); const menuActive = () => { if (menu.style.display = "none") { menu.style.display = "block"; } } const menuDeactive = () => { if (menu.style.display = "block") { menu.style.display = "none"; } } navButton.addEventListener("click", menuActive); all.addEventListener("click", menuDeactive);Usa == para comparar.
Además, document.getElementsByTagName("body") es redundante. Solo puede haber una etiqueta de body .
const navButton = document.getElementById("nav-btn"); const menu = document.getElementById("nav-menu"); const all = document.getElementsByTagName("body"); const menuActive = () => { if (menu.style.display == "none") { menu.style.display = "block"; } } const menuDeactive = () => { if (menu.style.display == "block") { menu.style.display = "none"; } } navButton.addEventListener("click", menuActive); document.body.addEventListener("click", menuDeactive);