Что не так с этой функцией на Javascript?

Question

Я новичок в javascript и все время получаю ошибку в одной из моих функций.

это код:

const menu_item = document.querySelector('.header .nav-bar .nav-list ul li a');

menu_item.forEach((item) => {
    item.addEventListener('click', () => {
        hamburger.classList.toggle('active');
        mobile_menu.classList.toggle('active');
    });
});

Это ошибка, которую он продолжает выдавать : Uncaught TypeError: menu_item.forEach не является функцией

Любая помощь приветствуется Спасибо ^^ !!

Answer 1

Когда вы видите, что ".forEach" не является функцией, это означает, что объект, для которого вы пытаетесь использовать метод, не является массивом!

Почему? Поскольку ".querySelector" возвращает одно значение, первое значение, которое соответствует селектору.

Вы должны использовать ".querySelectorAll", если хотите иметь список!