Ищу чистое решение для JavaScript с активным состоянием Navbar ⇐ CSS

[Anonymous]

Я хочу активное состояние в моей навигации. Нашли только решения в jQuery, но хотят их в чистом JavaScript. Давным -давно я использовал для петли. Так что я не знаю, как это работает. Имейте старый пример с Foreach в jQuery, но не может переводить в чистом Javascript. < /P>
Вот фрагмент: < /p>

Код: Выделить всё

"use strict";

window.onload = function() {

/* Navbar active state */
const pathname = window.location.pathname;
const pages    = ["logos", "sketches", "fotos", "tutorials", "kontakt"];

for (let key in pages) {

if (pathname.includes(pages[key])) {
console.log(key, pages[key]);
this.classList.add("active");

} else if (this.classList.includes("active")) {
this.classList.remove("active");
}

}
}< /code>
* {
text-decoration: none;
list-style-type: none;
float: left;
padding: 10px;
}

.active {
border-bottom: 2px solid blue;
}< /code>

[list]
[*]
[url=#]Logos[/url]

[*]
[url=#]Sketches[/url]

[*]
[url=#]Fotos[/url]

[*]
[url=#]Tutorials[/url]

[*]
[url=#]Kontakt[/url]

[/list]

Подробнее здесь: https://stackoverflow.com/questions/794 ... vbar-state