1

クリックカウンター画像に onclick オーディオ効果を追加することに成功しましたが、1 つのサウンドではなく、ランダムにサウンドを選択する方法はありますか? 画像をクリックすると、画像がクリックされた回数が表示され、サウンドが再生されますが、クリックするたびに別の (ランダムな) オーディオ ファイルを再生したいと思います (選択したものから)。

これらは、これまでにボタン用に持っているスクリプトです

Javascript

function clickCounter(){
     var audio = document.getElementById("audio");
     audio.play();
     if(typeof(Storage)!=="undefined"){
         if (localStorage.clickcount)
         {
             localStorage.clickcount=Number(localStorage.clickcount)+1;
         }
         else
         {
             localStorage.clickcount=1;
         }
         document.getElementById("result").innerHTML="<center><b>You have clicked the poop
         </b>"+ localStorage.clickcount + "<b> times!</b></center>";
     }
     else{
         document.getElementById("result").innerHTML="I'm sorry to inform you that your browser
         does not support this web storage... I guess you could say that your browser is...
         shit! awwww yeaahh!";
     }
     cursor: pointer;
}

HTML

<center>
     <font face="chiller" color="#603913" "font size="300" <align="center"><b>Click the
     poop!</b>
</center>
<center>
    <p><picture onclick="clickCounter()"><picture
     onmouseover="document.getElementById('touch').play()"><img src="poop.png"></button></p>
</center>
<audio id="audio" src="fart-01.wav"></audio>
<audio id="touch" src="sticky goo.wav"></audio>
<div id="result"></div>

これをどのようにスクリプト化しますか? 私はそれを現在のonclick関数と絡み合わせる必要があること、そしておそらくtrまたはtdタグを使用してテーブルを作成する必要があることを理解しています。誰かがこれで私を助けてくれますか? 私はそれを機能させることはできません。

事前にすべてに感謝します！

4

1 に答える 1