Javascript -add onlick within a function

Question

我在代码中遇到了一点困难。以下功能涉及私人使用的小游戏的一部分。我的问题是，如果单击生成的图像，如何添加声音？

法典：

function img1() {
    var img = document.createElement('img');
    img.src = "img1.png";
    document.body.appendChild(img);
    img.className = "img1";
}

我希望在单击时触发此声音函数：

function sound1() {
    var audio = new Audio('s1.wav');
    audio.play();
}

Answer 1

您需要将

点击事件分配给图像

function img1() {
    var img = document.createElement('img');
    img.src = "img1.png";
    document.body.appendChild(img);
    img.className = "img1";
    img.addEventListener( "click", sound1, false ); //this line has been added
}