Как проверить хеш URL?

Question

[Denis_8106]

Есть мультиязычный сайт, с двумя кнопками (en/fr)

<div class="lang">
          <a href="#en" id="lang-en">EN</a>
          <a href="#fr" id="lang-fr">FR</a>
        </div>

Хочу по хешу в URL, добавлять к кнопкам стили через добавление class. Есть такой набросок, но он не работатет:

const langEn = document.querySelector('#lang-en');
const langFr = document.querySelector('#lang-fr');

if (window.location.hash === '#en') {
	langEn.classList.add('active');
	langFr.classList.remove('active');
} else {
	langFr.classList.add('active');
	langEn.classList.remove('active');
}

Помогите решить задачку. Заранее спасибо.

Answer 1

[Алексей]

Если уж пошла такая пьянка, не проще чтото вроде такого сделать ?

window.addEventListener("hashchange", (e) => {

	document.querySelectorAll('.lang > a').forEach(el = el.classList.remove('active'));
	
	switch(location.hash) {
		case '#en': document.getElementById('lang-en').classList.add('active'); break;
		case '#fr': document.getElementById('lang-fr').classList.add('active'); break;
		default: break;
	};
	
}, false);