machidaftw

Eu fiz já fiz isso, mas agora está aparecendo aquele outro erro que eu comentei acima.

@ricardo_br deu certo, mas agora apareceu outro erro "Uncaught TypeError: divMenu.classList is undefined"

o que pode estar causando a mensagem "Uncaught TypeError: "divBotão" is not iterable" dentro do meu javascript? <div id="divIcon" class="icon icon-arrow-circle-right"></div> <nav> <div class="leftMenu"> <ul> <li><a href="#">start</a></li> <li><a href="#">Introduction</a></li> <li><a href="#">Body</a></li> <li><a href="#">Conclusion</a></li> <li><a href="#">Bottom</a></li> </ul> </div> </nav> var divBotão = document.getElementById('divIcon'); var divMenu = document.getElementsByClassName('leftMenu'); for (var button of divBotão) { button.addEventListener('click', function () { console.log(divMenu.classList.toggle('show')); }); }

Descobri o problema e era a coisa mais boba do mundo!!! Como eu estava colocando o script no head ele não estava funcionando, dai eu coloquei no final do body e ele funcionou normal.

@washalbano eu tentei o seu código e o código acima, porém ainda não consegui fazer o elemento mudar de classe.

Fala pessoal eu estou tentando adicionar uma classe a uma div do meu html pelo javascript, porém minha function não está funcionando e eu gostaria de saber o motivo. <<<<<<Aqui está o frame do meu html>>>>> <div class="icon icon-arrow-circle-right"></div> <nav> <div class="leftMenu"> <ul> <li><a href="#">start</a></li> <li><a href="#">Introduction</a></li> <li><a href="#">Body</a></li> <li><a href="#">Conclusion</a></li> <li><a href="#">Bottom</a></li> </ul> </div> </nav> <<<<Aqui está o frame do meu Javascript>>>> var botão = document.getElementsByClassName("icon icon-arrow-circle-right"); var menu = document.getElementsByClassName("leftMenu"); for (var element of botão) { element.addEventListener("click", function () { menu.classList.toggle('show') }); }