Вопрос Javascript, верстка не работает кнопка

Почему не работает?

При нажатии на кнопку пишет Uncaught TypeError: Cannot read properties of null (reading 'classList&#39

at menu_button.onclick (main.js:8:21)



Код: const header_menu = document.querySelector("#header_menu");

const menu_item = document.querySelector("#menu-item");

const menu_button = document.querySelector("#menu-button");

const menu_btn_img = document.querySelector("#menu_btn_img");



menu_button.onclick = () => {

if (header_menu.classList.toggle("open")) {

menu_btn_img.src = "./img/closebtn.png";

}

else {

menu_btn_img.src = "./img/NAV.png";

}

}

А что выводится в консоль, если после объявления переменных указать...? console.log(header_menu);

Разметку тоже надо было скинуть.
И вместо toggle используй contains

Убедись что в HTML коде имеется элемент с индентификатором header_menu, возможно там не id, а класс в таком случае доступ к элементу можно получить по селектору класса .header_menu

Это ошибка возникает из-за того, что querySelector не мог найти элемент с идентификатором header_menu, т.к. возможно оно отсутствует или есть опечатка в названии id, если querySelector не может найти элемент он возвращает null что означает пустота, если он находит элемент то возвращает его в виде объекта, который хранит всю информацию об элементе и содержит необходимые методы для работы с этим элементом.

Эта ошибка вызвана тем что такого элемента не существует. Убедись что нет опечатки в id/class не смотрел что у тебя там