HELP: (Javascript) How do I make audio play when clicking an image?

[OneMillionFurries]

As the title says. I am trying to make an audio clip play when you click an image on my page, but I have never before used javascript so I am completely lost.

I am using the code from here but I am not actually sure what I'm doing. Here's what I've edited it to be:

Javascript

Code

    <!-- Baldhead Voice code start -->
    <script type="text/javascript">
      function playAudio(home/Baldhead Voices/1.mp3) {
        new Audio(home/Baldhead Voices/1.mp3).play();
        }
    </script>

HTML

Code

<img src="/graphics/sitegraphics/faust-winsmall2.gif"width="auto" height="250" onclick="playAudio('home/Baldhead Voices/1.mp3')">

Any help at all would be hugely appreciated!

P.S. if anyone could help me figure out how to play one of multiple voice lines randomly on click that would be SUPER awesome! Thank you in advance!

Edit: title edited to include "(Javascript)"

[akesi]

so your issue is that you've replaced the variable with plain text, which confuses javascript. you'd want to do the following:

Code

    
<img src="/graphics/sitegraphics/faust-winsmall2.gif" width="auto" height="250" onclick="playAudio('home/Baldhead Voices/1.mp3')">

...

<!-- Baldhead Voice code start -->
<script type="text/javascript">
function playAudio(audioClip) {
    new Audio(audioClip).play();
}
</script>

brief explainer: "playAudio" is what programmers call a function. essentially you give functions inputs, and then they do something (in this case, it plays an audio clip). the inputs are variables. so you are setting the variable "audioClip" to have the value 'home/Baldhead Voices/1.mp3' when you set the function to activate when the onclick event happens

for playing a random sound, you could make an list, and each element in the list contains the path to each audio clip. then whenever you call the function, you can randomly choose one of the audio clips to play, like the following:

Code

<img src="/graphics/sitegraphics/faust-winsmall2.gif" width="auto" height="250" onclick="playAudio()">

<!-- Baldhead Voice code start -->
<script type="text/javascript">
const audioClipPaths = ["path/to/sound1.wav", "path/to/sound2.wav", "path/to/sound3.wav"]; 

function playAudio() {
  let index = Math.floor(Math.random() * 3);
  let audioClip = audioClipPaths[index]

  new Audio(audioClip).play();
}
</script>

so you should be able to use the above, just change the "path/to/sound1.wav" -- and keep the quotation marks! let me know if anything is unclear. excited to see what sorts of sounds a bald head makes

[OneMillionFurries]

so you should be able to use the above, just change the "path/to/sound1.wav" -- and keep the quotation marks! let me know if anything is unclear. excited to see what sorts of sounds a bald head makes

OMGGG it works!! tysmm! :D If ya wanna know what sorts of sounds a bald head makes, look for this guy on my website's homepage and do a clicky >:]