I want to stop my website from refreshing

Question

I know i can do it with preventDefault, but i don't know where to set the preventDefault on the code...

let navbar = document.querySelector(".navbar");

document.querySelector("#menu-btn").onclick = () => {
    navbar.classList.toggle('active');
}

window.onscroll = () => {
    navbar.classList.remove("active");
}

let hearts = document.querySelectorAll(".icons a");

hearts.forEach(a => {
    a.addEventListener("click", ()=> {a.classList.toggle("color");} 
    )
})

i think it is in the hearts.forEach block but i don't know where to put it

Answer 1

If you are trying to prevent the click event then:

hearts.forEach(a => {
    a.addEventListener("click", (e) => {
      e.preventDefault()
      a.classList.toggle("color")
    } 
   )
})