So far, I have tried using this function to create a new audio element every time it is called:

function createAudio(src, type){
  var sound = new Audio();
  var source = document.createElement('source');
  source.type = type;
  source.src = src;
  sound.appendChild('source');
  sound.play();
};

That way, if you want to play a single audio file called, for example, "gunshot.mp3", but multiple times you can use this line of code:

createSound('gunshot.mp3','audio/mpeg');

This works ok, but what will happen is that when the sound is loaded a bunch of times, it will just stop running entirely. Every time that you reload the game its like rolling dice to see which sounds will or won't run, and even when it does run its patchy and inconsistent.

I'm guessing that it has something do with the html page being overloaded with new elements, so is there maybe a way to clear the elements every once and a while, like clearing a particle array so it doesn't get too long? Or is it just that my function is not correct in the first place?

Thanks!