Window.addeventlistener ("scroll", function (...) {vavbarlink.style.color = "#000"} не работает над событием прокрутки [ ⇐ Javascript

[Anonymous]

В первую очередь мои извинения. Однако только первая ссылка (дома) меняет цвет - другие остаются белыми и становятся невидимыми на фоне. < /P>
html < /p>

• Home
• About
• Diensten
• Projecten
• Reviews
• Contact

< /code>
css < /p>
.navbar {
background-color: transparent;
transition: background-color 0.3s ease-in-out;
}

.navbar.navbar--scroll {
background-color: #fff;
}

.navbar__menu-link {
color: #fff; /* default is white */
}

< /code>
javascript < /p>
window.addEventListener("scroll", function () {
const navbar = document.querySelector(".navbar");
const navbarLink = document.querySelector(".navbar__menu-link");

if (window.scrollY > 0) {
navbar.classList.add("navbar--scroll");
navbarLink.style.color = "#000"; // only affects the first link
} else {
navbar.classList.remove("navbar--scroll");
}
});

< /code>
Что я пробовал:
Теперь я понимаю, что Queryselector только захватывает первый соответствующий элемент. Но я не уверен, как исправить это так, чтобы все элементы .navbar__menu-Link обновляют свой цвет на прокрутке.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... -color-000