Почему код на jquery работает, на чистом javascript — не работает? Где ошибка?

Question

[Александр]

Приветствую!

Проблема - код на Jquery работает, а переписанный на чистом JavaScript - не работает. Не пойму, где ошибка?
Должен добавляться класс при клике на иконку "гамбургер"и, соответственно, удаляться при клике на крестик. Гамбургер появляется на размерах экрана меньше 992px, если что )

Comments

[hellcaster]

нужно использовать querySelectoAll + for

[Diatomiccoder]

При вызове .querySelector находится 1й (первый) элемент с таким селектором. У вас в верстке кроме "гамбургера" есть еще элемент с таким же селектором

Answer 1

[Александр]

let links = document.querySelectorAll('.m-menu-link');

link.forEach(link => link.addEventListener(...));
// или
for (const link of links) {
    link.addEventListener(...);
}

Comments

[Александр]

Спасибо большое. Благодаря вашему ответу заметил ошибку в логике наименования классов.