Estoy trabajando en mis primeras páginas web. La barra de navegación consta de 5 secciones/enlaces (3 páginas): la primera página contiene 3 enlaces con ID dentro de una página + son dos páginas simples enlazadas. Con dos simples páginas el menú hamburguesa funciona sin ningún problema - se abre después de hacer clic en hamburguesa, cuando hago clic en cualquier sección, el navegador se cierra automáticamente. El problema es cuando hago clic en el menú de la página, donde están las tres identificaciones. La barra de navegación se abre, el sitio web se mueve al punto donde está la identificación, sin embargo, la barra de navegación no se cierra. Por favor, vea a continuación el código adjunto. ¿Podrias ayudarme por favor? gracias
let menu = document.querySelector(".menu") let menuIcon = document.querySelector(".menu-icon") menuIcon.addEventListener("click", function() { let iconSrc = menuIcon.src console.log(iconSrc); let splitIconSrc = iconSrc.split("/") console.log(splitIconSrc); let imgName = splitIconSrc[splitIconSrc.length - 1] if (imgName == "hamburger.png") { menuIcon.src = "img/krizek.png" menu.style.left = "0px" } else { menuIcon.src = "img/hamburger.png" menu.style.left = "-120%" } }) <nav> <img class="menu-icon" src="img/hamburger.png" alt=""> <ul class="menu"> <li><a href="index.html#about-me">O mně</a></li> <li><a href="index.html#offer">Nabídka</a></li> <li><a href="instructions.html">Návody</a></li> <li><a href="gallery.html">Galerie</a></li> <li><a href="index.html#contact">Kontakt</a></li> </ul> </nav>