複数のオーディオファイルjavascript on single page

Question

私は、クイックオーディオ再生ボタンのコードスニペットを見つけました https://siongui.github.io/2012/10/12/javascript-toggle-sound-onclick/。私は複数のオーディオファイルを組み込みたいが、ページの読み込み時に作成したオーディオボタンは、最後のオーディオファイルを再生するだけである。 enter code here 再生音声 お使いのブラウザは、このオーディオ形式をサポートしていません。

<script type="text/javascript"> 
 
function toggleSound() { 
 
    var audioElem = document.getElementById('creditCardFem'); 
 
    if (audioElem.paused) 
 
    audioElem.play(); 
 
    else 
 
    audioElem.pause(); 
 
} 
 

 
function toggleSoun() { 
 
    var audioCreditM = document.getElementById('creditCardMa'); 
 
    if (audioCreditM.paused) 
 
    audioCreditM.play(); 
 
    else 
 
    audioCreditM.pause(); 
 
} 
 

 
</script> 
 

 
<div class="audioPlayer"> 
 
<button id="player" type="button" 
 
    onclick="javascript:toggleSound();"> 
 
    Play Audio 
 
</button> 
 
<audio id="creditCardFem"> 
 
    <source src="http://www.smartaction.com/wp-content/uploads/2015/06/Financial_Services_Credit_Card_Payment_Female_Inbound.mp3" type="audio/mpeg" type="audio/mpeg"> 
 
Your browser does not support this audio format. 
 
</audio> 
 
</div> 
 

 
<div class="audioPlayer"> 
 
<button id="player" type="button" 
 
    onclick="javascript:toggleSoun();"> 
 
    Play Audio 
 
</button> 
 
<audio id="creditCardMa"> 
 
    <source src=#"> 
 
Your browser does not support this audio format. 
 
</audio> 
 
</div>

Answer 1

一つだけのオーディオファイルは、このコードでにリンクされているように思えます。

<audio id="creditCardMa">は、子どもの<source src="#">には参照がありません。