Задать вопрос
@testkeyc
javascript

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

В консоли выдается ошибка - 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 я еще стажер :)
  • Вопрос задан
  • 102 просмотра
5 комментариев
Подписаться 1 Простой 5 комментариев
Решения вопроса 1
dimovich85
@dimovich85 Куратор тега JavaScript
https://u-academy.net/
Короче, у меня все заработало. В примере у Вас нет фигурной скобки закрывающей тело функции. При этом и без window.onload, хотя лучше будет с ним, но тогда делайте через addEventListener и прослушку load и прослушку click.
PS: обратите внимание у себя на еще одну ошибку в консоли.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 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);
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дизайн сайта для web3 проекта
18 апр. 2024, в 16:43
50000 руб./за проект
Составление технических заданий для разработчиков
18 апр. 2024, в 16:41
10000 руб./за проект
Разработать дизайн баннера на сайт и плаката для печати
18 апр. 2024, в 16:28
5000 руб./за проект
Ещё заказы