汉堡菜单问题

Question

我知道这个问题可能会问很多，但是有人可以帮助我解决这个问题。

所以问题是我试图制作一个移动汉堡菜单，并且我想使onclick事件在有人单击图标时发生。

function toggleMenuFunction() {
  let  getSidebar = document.querySelector(".sidebar");

    if(getSidebar.style.display === 'none'){
        getSidebar.style.display = 'block';
    }else if ( getSidebar.style.display === 'block'){
        getSidebar.style.display = 'none';
    }
}

我尝试这样做，但不会做任何事情。请问有人可以帮我吗？

Answer 1

如果要在单击元素时触发功能，也需要编写该函数；）

document.onload = () => document.querySelector(".sidebar").addEventListener("click",toggleMenuFunction);

document.onload确保在文档完全加载后附加了侦听器。注意：您的代码中只能有一个document.onload分配。为此目的编写包装函数几乎总是一个好主意。如：

document.onload = () => { 
 document.querySelector(".sidebar")
   .addEventListener("click",toggleMenuFunction);
}