Add CSS Class 'active' to navigation anker links

anker-active.js

const updateActiveEl = (list) => {
    if (!list) return;
    var hash = window.location.hash;
    if (!hash) {
        let first = list.querySelector("a");
        if (first) {
            first.classList.add("active");
        }
        return;
    }

    list.querySelectorAll("a").forEach((el) => {
        el.classList.remove("active");
        if (el.hash === hash) {
            el.classList.add("active");
        }
    });
}

document.addEventListener("DOMContentLoaded", () => {
    const list = document.querySelector("ul.my-navigation");

    updateActiveEl(list);

    window.addEventListener("hashchange", () => {
        updateActiveEl(list);
    });
});