drDru

Делать змейки проще всего думаю через svg.
На каждое подменю кроме 1го предусмотреть по 1ой змейке из 3х элементов.
1ая часть двигается в зависимости от предыдущего выбранного
3ая часть двигается в зависимости от выбираемого
2ая - средняя часть - координаты концов завязаны на координаты концов 1ой и 2ой части.

Вот ради спорта сделал вариант бордером

Как вариант
Текст оборачиваешь в span и background: #fff;
Делаешь линию в svg. При клике добавляешь класс. И у него делаешь псевдоэлемент с заливкой url svg. вот ссылка для конвертирования.

У текста

padding: 10px 5px 20px;
position: relative;

У псевда

position: absolute;
right: 0;
left: 0;
height: ...;
background: url(...) center right no-repeat;

background у спана будет прерывать линию.

Или как вариант каждый отдельный блок кода запихивать в нутрь try catch. Но проверки лучше.

Добавь проверки в код,

let some = document. querySelector(".something");
if(some) {
   some.addEventListener("click",dosomething,true);
}

Но конечно же правильно подключать различающийся код на каждой странице отдельно

Ну так если вы подключаете один и тот же код на разные страницы, код надо переписать так чтобы он мог работать на любой из них.

в самом простом варианте - наставьте условий проверки, есть ли нужный элемент на странице.
Если есть - запускаем код, если нет, то не запускаем.