Обновление якорных ссылок в адресной строке

Question

Я пытаюсь добавить функцию щелчка, которая обновит строку URL-адреса URL-адресом, но только для якорных ссылок.

Потому что условие только для якорных ссылок; Я использовал метод, сначала фильтруя все ссылки привязки в массив, а затем фильтруя массив еще дальше, сопоставляя строки в href, и если он соответствует, он должен добавить событие щелчка ко всем совпадающим ссылкам и обновить URL-адрес, когда ссылка

Пока это работает, но мне интересно, правильный ли это способ go об этом. В частности, при использовании href.substr.

Раньше я немного баловался с jQuery, но хочу писать сценарии без использования библиотеки.

Однако мое решение сценария также может быть лишним , поскольку проблема может быть ie в каком-то другом скрипте, который предотвращает обновление ссылок привязки в строке URL ... Я не совсем уверен, как go о это с отслеживанием ошибок.

const allAnchorlinks = document.querySelectorAll("a[href*='#']");
  allAnchorlinks.forEach(function(perAnchorlink) {
    if (perAnchorlink.href.substr(-4) === "test") {
          perAnchorlink.addEventListener('click', function() {
            location.href = "http://localhost/project/#test";
            //alert("works!");
    });
       //console.log('perAnchorlink: ', perAnchorlink);
        }
});