Home/ Questions/Q 8088449
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T19:05:35+00:00

I want a random sound to play on a click on a button on

  • 0

I want a random sound to play on a click on a button on a web page. I have researched it quite a bit and this discussion has helped me most: http://www.elated.com/forums/topic/5196/

One poster recommended making a Javascript function to run whenever the button is clicked, as follows:

<script>
function playSound() {
  var sounds = [
    "http://www.mysite.com/1.wav",
    "http://www.mysite.com/2.wav",
    "http://www.mysite.com/3.wav"
  ];

  **// Choose a random sound here and play it**
}
</script>

I understand the part about making an array of sounds. I think I have the part about selecting a random array element figured out. I am just stuck on how to play a sound inside the JS function as the poster recommends. Can I use an HTML5 audio tag inside the JS function?

I don’t care whether the code for actually playing the file is inside or outside the function. Actually, I was first going to use JS just to randomly select an element, then have a line of HTML play the element of the array returned by the JS function. I gave up on that because I couldn’t figure out how to specify that I wanted to play the return value of a JS function in HTML.

Thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use JavaScript to Add Sound

    Place the following script in the <head> of your HTML document:

    <script language="javascript" type="text/javascript">
 function playSound(soundfile) {
 document.getElementById("dummy").innerHTML=
 "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }
 </script>

    The Sound is Placed in an Empty Span

    The JavaScript places an embed tag inside an empty span tag when the script is initiated. So, you need to add the following span file somewhere within the body of your HTML page, preferabl near the top of the document:

    <span id="dummy"></span>

    Call the Script with an onmouseover or onclick Attribute

    The last thing you need to add is an element that you want to generate the sound on click or on mouseover. Call the script with one of those attributes:

    <a href="#" onclick="playSound('URL to soundfile');">Click here to hear a sound</a>

 <p onmouseover="playSound('URL to soundfile');">Mouse over this text to hear a sound</p>
    • 0