title: Close hamburger menu on click
body: <p>I'm looking for a way to make this hamburger menu close after the user clicks the link/makes selection. I've checked out several options on how to do it, but with no luck. I understand I need a missing piece of JS.</p>
  <p>The rest of the code (html&amp;css) can be found here (<a href="https://codepen.io/alvarotrigo/pen/oNGzoYd" rel="nofollow noreferrer">https://codepen.io/alvarotrigo/pen/oNGzoYd</a>). Stackoverflow is prohibiting me from posting all of the code (says it's mostly code).</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function menuOnClick() {
    document.getElementById("menu-bar").classList.toggle("change");
    document.getElementById("nav").classList.toggle("change");
    document.getElementById("menu-bg").classList.toggle("change-bg");
  }</code></pre>
  </div>
  </div>
  </p>