Custom mobile menu JS

window.addEventListener('DOMContentLoaded', ()=> {

    const menu = document.querySelector('#mobile_menu_wrapper'),
          menuTrigger = document.querySelector('#toggle')


    menuTrigger.onclick = openMenu

    function openMenu(){
        menu.classList.toggle('active')
        menuTrigger.classList.toggle('active')
    }


    document.onclick = function (e){

        if(e.target != menu && e.target != menuTrigger){

            if (menuTrigger.classList.contains('active')){

                e.target.onclick = menuTrigger.click()
            }
        }
    }
})