Мне нужно использовать ванильный JavaScript для проекта. У меня есть несколько функций, одна из которых - кнопка, открывающая меню. Он работает на страницах, где существует целевой идентификатор, но вызывает ошибку на страницах, где идентификатор не существует. На тех страницах, где функция не может найти идентификатор, я получаю сообщение "Can not read property" addEventListener "null", и ни одна из моих других функций не работает.
Ниже приведен код кнопки, которая открывает меню.
function swapper() {
toggleClass(document.getElementById('overlay'), 'open');
}
var el = document.getElementById('overlayBtn');
el.addEventListener('click', swapper, false);
var text = document.getElementById('overlayBtn');
text.onclick = function(){
this.innerHTML = (this.innerHTML === "Menu") ? "Close" : "Menu";
return false;
};
Как я могу справиться с этим? Вероятно, мне нужно все обернуть этот код в другую функцию или использовать оператор if/else, чтобы он искал только идентификатор на определенных страницах, но точно не уверен.