練習1-2:JS點擊

【範例結果】

六、點擊加入聲音

方法1:HTML結構結合

<audio id="clickSound">
    <source src="sound.wav"></source>
</audio>

 

    document.getElementById('box').onclick = function(){

      document.getElementById('clickSound').play();                   /*新增*/

//        document.getElementById('box').style.display='none';
      this.style.display= 'none';

      $clickTime= Date.now();
      $rangTime = ($clickTime - $createTime)/1000;
      document.getElementById('time').innerHTML = $rangTime + '秒';

      makeBox();
    }

方法2:利用new 元件加入至事件中

var audio = new Audio('sound.wav');

document.getElementById('box').onclick = function(){

    audio.play();

}