Outro Como resolver este erro?

machidaftw · 7 de novembro de 2021

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'));
  });
}