//when i check if the list item has the className or not it returns false
sections.forEach(section => {
const windowHeight =window.innerHeight;
const sectionTop =section.getBoundingClientRect().top;
const sectionReveal= 200;
let current ='';
if(sectionTop<windowHeight-sectionReveal){
section.classList.add('your-active-class');
current= section.getAttribute('id');
const myNav =document.querySelectorAll('ul li');
console.log(myNav[1].classList.contains('menu__link'));
}
else{
section.classList.remove('your-active-class');
}
});
};
window.addEventListener('scroll',toggleSection);````
document.querySelectorAll('ul li') returns a NodeList. You should iterate all elements of it:
document.querySelectorAll('ul li').forEach(elem => {
if (elem.classList.contains('menu__link')) {
/* do stuff to/with elem */}
})`.
It may be easier to use document.querySelector('ul li.menu__link').