Arkadaşlar sitemde açılır ve kapanır menü var boşluk alanına tıklandığında menünün kapanmasını nasıl sağlayabilirim? Sitede yer alan kodlar şöyle

<script>
function openNav() {
var sidenav = document.getElementById("mySidenav"),
main = document.getElementById("main");
sidenav.style.width = sidenav.style.width == "250px" ? '0' : '250px';
main.style.marginLeft = main.style.marginLeft === "250px" ? '0' : '250px';
}


function myFunction(x) {
x.classList.toggle("change");
}
</script>

<div id="main">
<span style="cursorointer" onclick="openNav();">
<div class="container" onclick="myFunction(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</span>
</div>