Активный пункт меню на js. Почему текущая ссылка undefined?

Question

[Николай Семенов]

Ребятушки, всем привет.
Хочу написать скриптик который бы подсвечивал активный пункт меню на js.
вот как бы его черновик:

var linksMenu = document.querySelectorAll('.header-page__menu .menu__link');
	console.log(linksMenu);   /*здесь вывожу в консоль ссылки, выводятся - стало быть отбор производится*/
/*дальше хочу пройти forEach по каждому элементу*/
	linksMenu.forEach(function(el, i, linksMenu) {
		console.log(this.href); /*вот в этом месте undefined*/
		console.log(window.location.href); /*вот здесь выводит href*/
		if(this.href === window.location.href)
			this.classList.add('active')
	});

подскажите в чем проблема?

Answer 1

[alex]

console.log(this.href); /*вот в этом месте undefined*/

console.log(el.href);

который бы подсвечивал активный пункт меню

if(el.pathname === window.location.pathname)
      el.classList.add('active')

Comments

[Николай Семенов]

да все верно...спасибо огромное, что-то прогнал с этим thisом....передаю же явный el.
единственный момент остался ...ссылки на главной не совпадают при первом посещении страницы
когда заходишь первый раз на localhost:3000
функция определяет localhost:3000/index.html
window.location.href localhost:3000
соответственно класс не приминяется

[Николай Семенов]

все гуд.
убрал в ссылке "index.html" поставил просто "./"