Javascript: звук воспроизводится при нажатии на изображение

Question

Я хочу, чтобы звук воспроизводился при нажатии на изображение, но по какой-то причине мой код не работает.

HTML :

  <.img id="horse" src="kon.png".>

(без точек на концах)

JS :

prr = function() {
        var ryk = document.createElement("audio")
        ryk.src = "ya.mp3"
        document.body.appendChild(ryk)

    }
    var kon = document.getElementById("horse")
    kon.addEventListener("click", prr)

Answer 1

Вы должны просто добавить атрибут autoplay . И после каждой строки используйте точку с запятой

ryk.autoplay = " autoplay "

Answer 2

Просто добавьте ryk.play() к функции prr и запустите код, когда документ будет готов:

function prr() {
  var ryk = document.createElement( 'audio' );
  ryk.src = 'https://www.w3schools.com/tags/horse.mp3';
  document.body.appendChild( ryk );
  ryk.play()
}

document.addEventListener( 'DOMContentLoaded', function() {
  document.getElementById( 'horse' ).addEventListener( 'click', prr)
})

img {
  cursor: pointer
}

<img id="horse" src="http://www.thinkmaze.com/wp-content/uploads/Red_Button_ThinkMaze.jpg" width="300", height="200">

Answer 3

в вашем html добавьте этот код

<audio id="yourSound" style="display:none;">
    <source src="ya.mp3" type="audio/ogg">  
</audio>

в ваш js код добавьте этот

    yourSound = function () {
        document.getElementById('yourSound')[0].play();
    }

    document.getElementById("horse").on('click', function(){
        yourSound();
    });