title: I only want my audio mp3 file to play one time and it's not happening
body: <p>I have an audio that the user can start and stop. That works fine but I only want the audio to play through one time. Currently it keeps looping and I definitely don't want that. Can someone tell me how I can make this play through one time then stop? Thank you.</p>
  
  <p><strong>HTML5</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
              &lt;h3&gt;A word on meditation&lt;/h3&gt;
              &lt;button id="play"&gt;Play&lt;/button&gt; &amp;nbsp;&lt;button id="pause"&gt;Stop&lt;/button&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var audioElement = document.createElement('audio');
      audioElement.setAttribute('src', 'audio/thoseWhoMeditate.mp3');
  
      audioElement.addEventListener('ended', function() {
          this.currentTime = 0;
          this.play();
      }, false);
  
      $('#play').click(function() {
          audioElement.play();
      });
  
      $('#pause').click(function() {
          audioElement.pause();
      });
  </code></pre>