Случайный выбор аудио файлов (эффект onclick)

Я преуспел в добавлении звукового эффекта onclick к своему изображению клик-счетчика, но мне было интересно, есть ли способ сделать случайный выбор звуков вместо одного? Когда я щелкаю свое изображение, отображается количество раз, когда оно было щелкнуто, и воспроизводится звук, но я хотел бы, чтобы он воспроизводил другой (случайный) аудиофайл при каждом щелчке (из имеющегося у меня выбора)

это те скрипты, которые у меня есть для моей кнопки до сих пор

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. Может ли кто-нибудь помочь мне с этим? Я не могу заставить это работать.

Спасибо всем заранее!

1 ответ

Вы можете использовать чехол для этого.

вы генерируете случайное число, например, с

var number = Math.floor((Math.random() * 3) + 1);

затем вы можете использовать случай переключения, чтобы выбрать один случайный звук из N возможностей, которые вы генерируете со случайным числом.

подобно

function setSound() {

    switch (number) {
    case 1:
        setSound1;
        return sound;
        break
    case 2:
         setSound2;
        return sound;
        break
    case 3:
         setSound3;
        return sound;
        break
    }
}

а затем добавьте значение возврата к вашему коду, где вы хотите воспроизвести звук.

В этом случае вам нужно вернуть имя звукового файла, которое вы выбрали случайным образом из случая swtich.

Другие вопросы по тегам