Navbar Active State Pure JavaScript ⇐ Javascript

[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>

• Logos
• Sketches
• Fotos
• Tutorials
• Kontakt

< /code>
< /div>
< /div>
< /p>
Я получаю это сообщение об ошибке:
typeerror: this. ClassList не определен »


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