Need help as sound won't play when pressing button HTML/Javascript

Question

Would anyone be able to help me here as I'm not quite sure what the problem is, I think it has something to do with placement of one of the lines.

https://jsfiddle.net/70kwwpqp/

<div class="animatedButton">

    <audio id="Sound" src="Sounds/beep.mp3"> </audio>

    <a href="Home.html">
    <button class="aButton" <onclick="playBeep()"> <img src="img/Home.png"> </button>
    </a>

  </div>

function playBeep ()
{

var sound = document.getElementById("aButton")
sound.play()

}

You've assigned the 'aButton' as a class for th button. Also a typo ` — OneNeptune, Jul 19 '17 at 15:56
Buttons are not allowed inside links. See https://stackoverflow.com/questions/6393827/can-i-nest-a-button-element-inside-an-a-using-html5 — Björn Tantau, Jul 19 '17 at 16:01
I am now getting the error playBeep is not defined at HTMLButtonElement.onclick, what does this mean? It appeared when I gave the button an id tag — Casey Kusella-Gussin, Jul 19 '17 at 16:15

score 1 · Answer 1 · answered Jul 19 '17 at 16:01

1

  <audio id="audio" src="http://www.soundjay.com/button/beep-07.wav" autostart="false" ></audio>
    <a onclick="playSound();"> Play</a>
    <script>
    function playSound() {
          var sound = document.getElementById("audio");
          sound.play();
      }
    </script>

answered Jul 19 '17 at 16:01

Nihal

5,262
7
23
41

Pretty much done word for word everyone else has said but nothing else has worked. I now get the Error: playBeep is not defined at HTMLButtonElement.onclick Can you help me with that? – Casey Kusella-Gussin Jul 19 '17 at 16:31
try different sound in src – Nihal Jul 20 '17 at 05:45
That's because they changed the function name to "playSound()". Is that your issue? – mintychai Jul 20 '17 at 21:31

mintychai · Answer 2 · 2017-07-19T16:57:49.000

0

You have a syntax error and the JSFiddle highlights it for you. There should not be a < before onclick.

Also, you are getting the button and asking it to play(). You should be getting the audio element by id Sound and playing that.

edited Jul 19 '17 at 16:57

answered Jul 19 '17 at 15:57

mintychai

281
3
10

Ive done that but I still get an error playBeep is not defined at HTMLButtonElement.onclick – Casey Kusella-Gussin Jul 19 '17 at 16:33
Updated with another issue you probably need to fix. Lmk if there are more. @CaseyKusella-Gussin – mintychai Jul 19 '17 at 16:58

Need help as sound won't play when pressing button HTML/Javascript

2 Answers2