He escrito un código que alterna la visualización de un elemento de la página de inicio desde una opción en la barra de navegación que funciona. Sin embargo, también me gustaría que este código se ejecute al cargar cuando se selecciona la misma opción para navegar de regreso a mi página de inicio y mostrar el elemento.
Actualmente, navega a la página de inicio, pero no aplica los cambios de visualización para mostrar el elemento al cargar y se debe hacer clic nuevamente en la opción de la barra de navegación para mostrar el elemento.
este es mi codigo
abNav = () => { abLoad = () => { about.style.display = "block"; design.style.display = "none"; program.style.display = "none"; project.style.display = "none"; contact.style.display = "none"; } if ( window.location.href === "./index.html#home" ){ window.onload = abLoad(); } else { return abLoad(); } }
Opción de barra de navegación HTML con función onclick
<li> <a href="#home" id="about-nav" onclick="abNav()">About</a> </li>