如何为特定音频播放器编写javascript代码

我作为一个音频播放器写了下面的代码，我想让它通过javascript工作，但我不知道从哪里开始？我想有一个播放和暂停选项，没有更多！因为我是javascripts的新手，我不知道如何才能让它在这个平台上工作

如何为这个音频播放器编写javascript

#音乐播放器{
位置：固定；
z指数：999999；
底部：25px；
左边距：20px；
显示器：flex；
-webkit过渡：全部.7秒轻松；
-moz过渡：所有.7秒轻松；
-o型过渡：所有。7秒缓解；
过渡：全部。7秒轻松；
}
#MusicLayer>*，
.播放>*{
自对准：居中；
-webkit自动对齐：居中
}
.圆形img{
利润率：8px；
宽度：15px；
边缘底部：200px；
}
.中线{
宽度：0px；
高度：3倍；
背景：#fff；
-webkit过渡：全部。4s轻松；
-moz过渡：全部。4s轻松；
-o型过渡：全部。4s轻松；
转换延迟：.4s；
-webkit转换延迟：.4s；
}
#音乐播放器：悬停，中线{
宽度：20px；
转换延迟：0s；
-webkit转换延迟：0秒；
}
.玩{
显示器：flex；
最小宽度：124px；
高度：31px；
文本对齐：左对齐；
填充：0px 10px；
背景：#fff；
/*玩家背景*/
左边框：3倍实心#16090F；
/*玩家边界*/
颜色：#B5A7BA；
不透明度：0；
-webkit过渡：全部。4s轻松；
-moz过渡：全部。4s轻松；
-o型过渡：全部。4s轻松；
转换延迟：.4s；
-webkit转换延迟：.4s；
利润上限：-200px；
}
.音乐控制，
.音乐控制>*{
用户选择：无；
-webkit用户选择：无；
宽度：11px；
字体大小：11px；
光标：指针；
}
波塞先生{
显示：无；
}
.playtext{
左边距：8px；
字体系列：信使新；
字体大小：9px；
}
#音乐玩家：悬停。播放{
不透明度：1；
转换延迟：.0s；
-webkit转换延迟：.0s；
}

►
❚❚
童话般的

你的意思是这样的

window.addEventListener（“加载”，函数（）{
document.querySelector（“.play”）.addEventListener（“单击”，函数（）{
document.getElementById（“tune”）.play（）；
this.style.display=“无”；
document.querySelector（“.pausee”）.style.display=“block”；
})
document.querySelector（“.pausee”）.addEventListener（“单击”，函数（）{
document.getElementById（“tune”）.pause（）
this.style.display=“无”；
document.querySelector（“.play”）.style.display=“block”；
})
})

#音乐播放器{
位置：固定；
z指数：999999；
底部：25px；
左边距：20px；
显示器：flex；
-webkit过渡：全部.7秒轻松；
-moz过渡：所有.7秒轻松；
-o型过渡：所有。7秒缓解；
过渡：全部。7秒轻松；
}
#MusicLayer>*，
.播放>*{
自对准：居中；
-webkit自动对齐：居中
}
.圆形img{
利润率：8px；
宽度：15px；
边缘底部：200px；
}
.中线{
宽度：0px；
高度：3倍；
背景：#fff；
-webkit过渡：全部。4s轻松；
-moz过渡：全部。4s轻松；
-o型过渡：全部。4s轻松；
转换延迟：.4s；
-webkit转换延迟：.4s；
}
#音乐播放器：悬停，中线{
宽度：20px；
转换延迟：0s；
-webkit转换延迟：0秒；
}
.玩{
显示器：flex；
最小宽度：124px；
高度：31px；
文本对齐：左对齐；
填充：0px 10px；
背景：#fff；
/*玩家背景*/
左边框：3倍实心#16090F；
/*玩家边界*/
颜色：#B5A7BA；
不透明度：0；
-webkit过渡：全部。4s轻松；
-moz过渡：全部。4s轻松；
-o型过渡：全部。4s轻松；
转换延迟：.4s；
-webkit转换延迟：.4s；
利润上限：-200px；
}
.音乐控制，
.音乐控制>*{
用户选择：无；
-webkit用户选择：无；
宽度：11px；
字体大小：11px；
光标：指针；
}
波塞先生{
显示：无；
}
.playtext{
左边距：8px；
字体系列：信使新；
字体大小：9px；
}
#音乐玩家：悬停。播放{
不透明度：1；
转换延迟：.0s；
-webkit转换延迟：.0s；
}

►
❚❚
童话般的

是！但是播放/暂停按钮没有改变！我的意思是我不能暂停这首歌！先生，请您参考一下。