Нужно проверять на какой ты странице находишься и в зависимости от страницы выдавать ссылке active класс, как такое реализовать?

Question

[wex33]

Нужно проверять на какой ты странице находишься и в зависимости от страницы выдавать ссылке active класс, как такое реализовать? помогите пожалуйста)

Answer 1

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

Можно сравнивать pathname у ссылок и текущего Location:

[...document.querySelectorAll('a')]
  .filter(a => a.pathname === window.location.pathname)
  .forEach(a => a.classList.add('active'));

Comments

[wex33]

а как сделать чтобы active выдавался той кнопке на которой ты странице, допустим страница tournaments.html, выдается класс кнопке tournaments,

Answer 2

[Vladislav]

Думаю делается сначала обычный js, а уже на бэке php решает где вывести скрипт, тут вопрос больше к бэкендщикам