window.onload = function toggleMobileMenu() {
var el = document.getElementById('tuch-menu');
el.onclick = function() {
var elem = document.getElementById('mobile-nav')
elem.classList.toggle('hiddenMenu');
}
}
<div class="mobile-header">
<a href="index.html" id="mobile-logo"><span>Джек Лондон</span></a>
<img src="www/img/mobile-menu-icon.png" alt="Мобильное меню для сайта, посвященного Джеку Лондону" id="tuch-menu">
<div id="mobile-nav">
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="biografy.html">Биография</a></li>
<li><a href="spisok.html">Произведения</a></li>
<li><a href="audio.html">Аудиокниги</a></li>
<li><a href="gallery.html">Галерея</a></li>
<li><a href="video.html">Видео</a></li>
<li><a href="aforizmy.html">Афоризмы</a></li>
<li><a href="raznoe.html">Разное</a></li>
<li><a href="forum.html">Форум</a></li>
</ul>
</nav>
</div>
</div>
Почему не работает код?
