Как определить активный класс в зависимости от ссылки?

Question

[Дмитрий]

Столкнулся с такой проблемой, есть табы, которые показывают контент

Как показать активную вкладку в зависимости от ссылки? Например: есть ссылка site.ru/1 данная ссылка показывает контент где есть 1, ссылка site.ru/1#2, где показываем активную вкладку два

Пример кода:

Comments

[V Sh.]

Можно при загрузке страницы прочитать свойство и выставить нужные классы:

let urlArr = window.location.href.split("#");
let ind = (urlArr.length > 1) ? urlArr[1] : null;
console.log(ind);

Answer 1

[Сергей Соколов]

1. window.location.hash посмотреть при загрузке (документация)

2. следить за изменениями хэша:

window.addEventListener("hashchange", funcRef, false);

А так можно прикрутить какой-нибудь готовый роутер. Например, Navigo.

Comments

[Дмитрий]

Не особо силен в js, подскажите как это можно реализовать в готовый код?

[Сергей Соколов]

Дмитрий, уже подсказал выше. Дальше сами, по ссылкам, по гуглу.