我如何在没有用户单击按钮的情况下播放JavaScript声音？

Question

我想在每次事件发生时都播放声音效果，而无需用户单击按钮。

例如：

if (blabla > other_blabla){
     var hello = new Audio("this_that.wav");
     hello.play();
}

Answer 1

您需要为所有要检查的元素添加一个更改事件侦听器

// add change event listener for all elements thath match class "int"
document.querySelectorAll('.int').forEach(int => {
  int.addEventListener('change', event => {
    var int1 = document.getElementById('int1').value;
    var int2 = document.getElementById('int2').value;
    // check if int1 is bigger than int2
    if (int1 > int2) {
      document.getElementById("result").innerHTML = "play audio";
    } else {
      document.getElementById("result").innerHTML = "do not play audio";
    }
  })
})

<label>Integer 1: </label>
<input class="int" type="number" id="int1" value="1">
<label>Integer 2: </label>
<input class="int" type="number" id="int2" value="2">

<p id="result"></p>

尝试将整数1更改为大于整数2的数字