Me gustaría evitar que un botón HTML que actúa como un enlace lo lleve a la misma página para volver a cargar la página.
Por ejemplo: evite recargar el sitio web cuando haga clic en el logotipo si está en la página de inicio.
¿Cómo puedo hacer esto?
Código completo: https://codepen.io/Muh-Ail/pen/oNpLKXM?editors=0010
let activeBtn = document.querySelector(".active-btn"); let currentLocation = location.href; if (activeBtn.href === currentLocation) { activeBtn.preventDefault(); }Usa esto en su lugar
let activeBtn = document.querySelector(".active-btn"); let currentLocation = location.href; if (activeBtn.href === currentLocation) { activeBtn.addEventListener('click',function(e){ e.preventDefault(); }); }Tendrías que usar e.preventDefault(); desde el oyente ele.addEventListener("click", function (e) en su lugar;
Además, debe envolver el js con:
document.addEventListener("DOMContentLoaded", () => { // code here });Debes agregar diferentes enlaces para que puedas verlos.