С чем связана ошибка?

Question

[MRcracker]

Есть небольшой кусок кода. Если подключить его через тег script на странице, то все работает, но если я подключаю его через отдельный js файл, то выдается ошибка. Подключаю скрипт в cms Bitrix. Подскажите с чем связана ошибка и как ее можно исправить?

Uncaught TypeError: document.querySelector(...) is null

document.querySelector('.hamburger__icon').onclick = () => {
				document.querySelector('.hamburger__icon').classList.toggle('hamburger-close');
			}

Comments

[PetrPo]

BX.ready(function() {
// здесь твой скрипт
});

Answer 1

[Алексей]

У вас в момент загрузки скрипта этого элемента нет на странице, оберните код в функцию

document.addEventListener('DOMContentLoaded', function() {
});