单击链接或菜单时，元素将关闭

Question

嗨我有一个覆盖的js元素，当我点击我的菜单时它会弹出它为我提供一个叠加层我试图做的是当我点击一个菜单链接时它也将关闭或当你点击它将关闭的任何链接。

这是它的代码非常感谢你，我只是新的js。行为是当我单击菜单时菜单显示，当我点击链接时，叠加层仍在那里

<script> 
 init=()=>{
        //SELECT & BIND (CLICK) EVENT
        document.querySelector('a.menuToggle, a#welcomeDivs').addEventListener('click',modal.overlay.init);
    }
    modal={
        overlay:{
            init:()=>{
                //CREATE OVERLAY 
                var overlay = document.createElement('overlay');
                overlay.id = 'welcomeDivsss';
                //SET (CLICK) EVENT TO REMOVE ITSLEF
                overlay.addEventListener('click',modal.overlay.remove);

                //APPEND TO INTERFACE
                document.body.appendChild(overlay);

                // After overlay added to html. "welcomeDivsss" is overlay id you specified.
                $( "#welcomeDivsss" ).append( '<div class="parela" id="welcomeDiv" <div class="inner_box"> <a id="#welcomeDivs" class="closes"></a> </div> </div>' );

            },
            remove:(e)=>{
                //REMOVE ITSELF
                e.target.parentNode.removeChild(e.target);
            }       
        }
    }

    //ON DOCUMENT LOAD RUN INIT
    document.addEventListener('DOMContentLoaded',init);

</script>