javascript - Create audio element, play it, and then remove element

Question

I want to create an audio element when a button is clicked, play the audio, and then remove the audio when it is done playing Here is my code:

var x = document.getElementById("myAudio"); 

function playAudio() { 
  x.play(); 
} 

<audio id="myAudio">
  <source src="https://padlet-uploads.storage.googleapis.com/446844750/ca57ed6d83fff9890b4c9f2356e4e0c0/Single_Firework___Sound_Effect_HD__1_.mp3" type="audio/ogg">
</audio>
<button onclick="playAudio()" type="button">Play Audio</button>

question from:https://stackoverflow.com/questions/65892205/create-audio-element-play-it-and-then-remove-element

Answer 1

What I can understand from the link you posted is that you want to replay the audio from the beginning whenever the button is clicked. You can do it by setting the audio's currentTime to 0, then playing the audio:

var x = document.getElementById("myAudio"); 

function playAudio() { 
  x.currentTime = 0;
  x.play(); 
} 

<audio id="myAudio">
  <source src="https://padlet-uploads.storage.googleapis.com/446844750/ca57ed6d83fff9890b4c9f2356e4e0c0/Single_Firework___Sound_Effect_HD__1_.mp3" type="audio/ogg">
</audio>
<button onclick="playAudio()" type="button">Play Audio</button>