Nota: No elimine esta pregunta antes de investigar: he visto todas las soluciones proporcionadas en stackoverflow y probé todas, pero no funcionó para mí, vea mi código y vea el problema que tengo. Tengo un problema de 3 a 4 días y busco. pues todo el dia en cada sitio pero no me funciono ningun sol. Estoy trabajando en el proyecto de la aplicación Chat usando socket.io y agregué una barra de navegación del lado izquierdo, pero su botón no funciona y me da un error, pero cuando agrego ese mismo código en la consola, funciona. ayúdenme y gracias por favor ayúdenme!!! y gracias

 ``` <script type="module" defer> let result=function(){ let sidebar = document.querySelector(".sidebar"); let closeBtn = document.getElementById("btn"); let userBtn = document.querySelector(".bx-user"); let joinRoom = document.querySelector(".joinRoom"); let logout = document.querySelector(".logout"); function menuBtnChange() { if(sidebar.classList.contains("open")){ closeBtn?.classList.replace("bx-menu", "bx-menu-alt-right"); logout.style.width="250px"; joinRoom.style.width="250px"; var x=document.querySelectorAll(".parahide"); for(var i=0;i<x.length;i++){ x[i].style.visibility="visible"; } } else { closeBtn.classList.replace("bx-menu-alt-right","bx-menu"); logout.style.width="78px"; joinRoom.style.width="78px"; var x=document.querySelectorAll(".parahide"); for(var i=0;i<x.length;i++){ x[i].style.visibility="hidden"; } } } sidebar.classList.toggle("open"); menuBtnChange(); closeBtn.addEventListener("click", ()=>{ sidebar.classList.toggle("open"); menuBtnChange(); }); userBtn.addEventListener("click", ()=>{ sidebar.classList.toggle("open"); menuBtnChange(); }); joinRoom.addEventListener("click", ()=>{ sidebar.classList.toggle("open"); menuBtnChange(); }); logout.addEventListener("click", ()=>{ sidebar.classList.toggle("open"); menuBtnChange(); }); } window.onload=result; </script> ```