Javascript 制作停止音频并在播放新音频的方法';单击文本进行播放

Javascript 制作停止音频并在播放新音频的方法';单击文本进行播放,javascript,html,if-statement,audio,audio-player,Javascript,Html,If Statement,Audio,Audio Player,我把每个音乐和文本联系起来,制作出这样简单的音乐播放器 txtaudio 歌曲1-音乐1 歌曲2-音乐2 歌曲3-音乐3 歌曲4-音乐4 我想做的是,如果我在播放歌曲2时单击歌曲1,停止歌曲2并从头开始播放歌曲1。如果在播放歌曲4时单击歌曲3,请停止歌曲4并像真正的音乐播放器一样播放歌曲3 对不起,我问了个愚蠢的问题,但有什么建议吗?如果我能从这里得到一些信息来提高我的js技能,那就太好了 let count=0; 函数playbutton1(){ 让song1=document.getEle

我把每个音乐和文本联系起来,制作出这样简单的音乐播放器

txtaudio
歌曲1-音乐1
歌曲2-音乐2
歌曲3-音乐3
歌曲4-音乐4

我想做的是,如果我在播放歌曲2时单击歌曲1,停止歌曲2并从头开始播放歌曲1。如果在播放歌曲4时单击歌曲3,请停止歌曲4并像真正的音乐播放器一样播放歌曲3

对不起,我问了个愚蠢的问题,但有什么建议吗?如果我能从这里得到一些信息来提高我的js技能,那就太好了

let count=0;
函数playbutton1(){
让song1=document.getElementById(“music1”);
计数++;
如果(计数%2==0){
歌曲1.暂停();
}否则{
歌曲1.play();
}
}
函数playbutton1(){
让song3=document.getElementById(“music2”);
计数++;
如果(计数%2==0){
暂停();
}否则{
歌曲3.play();
}
}
函数playbutton1(){
让song3=document.getElementById(“music3”);
计数++;
如果(计数%2==0){
暂停();
}否则{
歌曲3.play();
}
}
歌曲1.addEventListener(“点击”,播放按钮1);
歌曲2.addEventListener(“点击”,播放按钮2);
歌曲3.addEventListener(“点击”,播放按钮3)


好的第一个问题,欢迎来到SO!首先,JS尝试将事件监听器添加到
未定义的变量中。尝试移动您的
let song2=document.getElementById(“music1”)在您的函数之外。@ggorlen谢谢您的评论并欢迎我来到这里。我把song2线放在函数的外面,然后歌曲停下来出来。也许我应该尝试修复函数的内部。这是另一个可以处理的问题,但第一个问题是
未定义。addEventListener()
每次运行都会崩溃。顺便说一句,请保留
已从代码段中删除。这导致它们无法命名。@ggorlen感谢您再次回答。在我删除我的
从我的问题中,我发现并修复了
未定义的.addEventListener()
错误,将
let song2=document.getElementById(“music1”)
更改为
let music1=document.getElementById(“music1”)