Я хочу активное состояние в моей навигации. Нашли только решения в 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>
< /code>
< /div>
< /div>
< /p>
Я получаю это сообщение об ошибке:
typeerror: this. ClassList не определен »
Подробнее здесь: https://stackoverflow.com/questions/794 ... javascript
