Как написать JS код чтобы управлять активностью ссылок?

Question

[Shahriyor_dev]

Вот мой код:

const navLink = document.querySelectorAll('.m_scrollspy ul .nav-link');
console.log(navLink);


for (let i = 0; i < navLink.length; i++) {
    navLink[i].onclick = () => {
        if (!navLink[i].classList.contains('active')) {
            navLink[i].classList.add('active')
        }
    }
    navLink[i].classList.remove('active')
}

Надо чтобы при нажатии на i-тую кнопку она стала active, а у остальных убрался класс active

Comments

[Ankhena]

У всех убираете, кликнутой добавляете. Всё.

Answer 1

[MrColdCoffee]

const navLink = document.querySelectorAll('.m_scrollspy ul .nav-link');
console.log(navLink);


for (let i = 0; i < navLink.length; i++) {
    navLink[i].onclick = () => {
// Удаляем класс у всех
       navLink.forEach(function(el){
           el.classList.remove('active');
       });
//Добавляем класс выбранному
   if (!navLink[i].classList.contains('active')) {
            navLink[i].classList.add('active')
        }
    }
    
}