Javascriptの機能とボタン

Question

私は多くの音楽ボタンを作りたいが、私はしたい毎回新しいボタンと新しいaudio.thisを行うことは、私のコードです

javascriptの

audio = new Audio(); 

audio.src = "music/examples.mp3" 
audio.loop = false; 

function play1() { 
    audio.play(); 
} 

function pause1() { 
    audio.pause(); 
} 

var audio2 = new Audio(); 
audio2.src = "music/examples1.mp3" 
audio2.loop = false; 

function play2() { 
    audio2.play(); 
} 

function pause2() { 
    audio2.pause(); 
} 

HTML

<button onclick="play1()"></button> 
<button onclick="pause1()"><i class="fa fa-pause-circle" style="color: #848484"></i> 
</button> 
</i> -examples1 
<br> 

<button onclick="play2()"></button> 
<button onclick="pause2()"><i class="fa fa-pause-circle" style="color: #848484"></i> 
</button> 
</i> examples 
<br> 

<button onclick="play3()"></button> 
<button onclick="pause3()"><i class="fa fa-pause-circle" style="color: #848484"></i> 
</button> 
</i> -examples3 
<br> 

単一のオーディオと単一の機能により、すべてを実行します

Answer 1

私があなたが望むものを理解すれば

var audios = {}; 

function makeAudio(key, src) { 
    var newAudio = new Audio(); 
    newAudio.src = src; 
    newAudio.loop = false; 
    audios[key] = newAudio; 
} 

function pause(key) { 
    audios[key].pause(); 
} 

function play(key) { 
    audios[key].play(); 
} 

makeAudio(1, 'music/examples.mp3'); 
makeAudio(2, 'music/examples1.mp3'); 

そして、あなたのボタンが

<button onclick="play(1)"></button> 
<button onclick="pause(1)"><i class="fa fa-pause-circle" style="color: #848484"></i></button></i> -examples1<br>