Estoy tratando de hacer que un SideNav se abra y se cierre después de presionar un botón. Sin embargo, solo puedo hacer que se cierre. Cuando paso la función sideNave() a button.addEventListener("click", ... ) no pasa nada. Agradeceria mucho su ayuda! Mi código a continuación:
const left = document.querySelector("left"); const right = document.querySelector("right"); const button = document.querySelector("button"); button.addEventListener("click", close); const x = true; function close() { document.getElementById("left").style.width = "0"; document.getElementById("right").style.width = "100%"; x = false; } function open() { document.getElementById("left").style.width = "15%"; document.getElementById("right").style.width = "85%"; x = true; } function sideNav() { if (x = true) { w3_close(); } else { open(); } } <!DOCTYPE html> <html> <head> <title>WebPage</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="webPage.css"> <meta charset="utf-8"> <script src="https://kit.fontawesome.com/62ea397d3a.js" crossorigin="annonymous"></script> </head> <body> <div class="header"></div> <div id="left"> <button class="button">Click Me!</button> </div> <div id="right"> <p></p> </div> </body> </html>Haga clic en el símbolo ☰ para abrir la barra lateral (superpone parte del contenido de la página). function w3_open () { document.getElementById("mySidebar").style.display = "block"; } function w3_close () {