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

Question

[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 я еще стажер :)

Comments

[testkeyc]

Dima Polos, нет

[DanKud]

Из того кода, что вы дали, никакой проблемы нет. Все должно работать.

[Dima Polos]

testkeyc, это весь скрипт, что у Вас? Больше ошибок нет в консоли?

[alex]

testkeyc, полный код показываете, что и как вы там подключаете

[Dima Polos]

Код в window.onload заворачивали?

Answer 1

[Dima Polos]

Короче, у меня все заработало. В примере у Вас нет фигурной скобки закрывающей тело функции. При этом и без window.onload, хотя лучше будет с ним, но тогда делайте через addEventListener и прослушку load и прослушку click.
PS: обратите внимание у себя на еще одну ошибку в консоли.

Comments

[testkeyc]

ошибок нет)) ошибка видно при сборке webpack

Answer 2

[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);