@testkeyc

Как исправить ошибку?

В консоли выдается ошибка - ReferenceError: toggleMenu is not defined

<div class="hamburger" onclick="toggleMenu();"> </div>


let menu = document.getElementsByClassName('nav__list')[0];

function toggleMenu() {
	if (menu.className == "nav__list") {
		menu.classList.add ("open");
	} else {
		menu.className = "nav__list";
	}


Подскажите, в чем проблема? В js я еще стажер :)
  • Вопрос задан
  • 97 просмотров
Решения вопроса 1
dimovich85
@dimovich85
JS is everywhere
Короче, у меня все заработало. В примере у Вас нет фигурной скобки закрывающей тело функции. При этом и без window.onload, хотя лучше будет с ним, но тогда делайте через addEventListener и прослушку load и прослушку click.
PS: обратите внимание у себя на еще одну ошибку в консоли.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@vit134
window.toggleMenu = function() {// code here}

Но вообще, лучше повесить обработчик события на этот элемент
const toggleMenu = function() {
  if (menu.className === "nav__list") {
    menu.classList.add("open");
  } else {
    menu.className = "nav__list";
  }
};

document.querySelector(".hamburger").addEventListener("click", toggleMenu);
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы