Вопрос меню гамбургера

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