title: How to hide a button after click
body: <p><strong>Edited my code, sorry for that!</strong></p>
  
  <p>I made a button using HTML, CSS and Javascript and I'd like to know to hide it when clicked.</p>
  
  <p>Here's the HTML, it's supposed to play music when you click on play.</p>
  
  <pre><code>&lt;audio id="myTune" src="http://www.rachelgallen.com/HappyBirthday.mp3"&gt;&lt;/audio&gt;
  
  &lt;button type="button" onclick="aud_play_pause()"&gt;&amp;#9658&lt;/button&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>body { background: black; }
  button {
    background: rgba(255,255,255,0.8);
    border: 0;
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0 5px gray;
    outline: none;
    cursor: pointer;
    }
  
  button:active {
    background: #DDDDDD;
    color: #222222;
    border-bottom: 0;
    box-shadow: 0 3px #555555;
    margin-top: 2px;
    }
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>function aud_play_pause() {
    var myAudio = document.getElementById("myTune");
    if (myAudio.paused) {
      myAudio.play();
    } else {
      myAudio.pause();
    }
  }
  </code></pre>