为什么我的JS函数不能与按钮一起使用？

Question

• 尝试制作自己的播放按钮
• 音频加载并与HTML音频标签一起正常播放
• 错误控制台显示“无法加载资源https://open.scdn.co/static/embed.2019-03-05_152e14cd.js.map”
• song.play（）;输入JS控制台效果很好
• 按钮无法激活功能！

HTML

                <audio id="song" controls> <source src="song.mp3"></source>
                </audio>
                <button class="controls" id="play">Play</button>

JavaScript

            var play = document.getElementById("song");
            song.addEventListener ("click", buttonActions);
            function buttonActions(event){
                song.play();
            }

Answer 1

您正在将事件处理程序附加到<audio>元素，而不是<button>元素。

代替：

var play = document.getElementById("song");
song.addEventListener ("click", buttonActions);    
function buttonActions(event){
    song.play();
}

应该是：

var play = document.getElementById("play");
play.addEventListener ("click", buttonActions);    
function buttonActions(event){
    var song = document.getElementById("song");
    song.play();
}