我怎样才能让这个javascript正常工作

How can I get this javascript working?

本文关键字：常工作 工作 javascript      更新时间：2023-09-26

我把下面的JS直接放在我的WordPress博客网站上。如果你点击一个按钮，它应该随机播放两个音频文件中的一个。

我的问题是：

  • JS有什么错误/缺失吗
  • 我如何通过按钮启动它
<script>
var playlist = Array();
playlist.push("http://.../wp-content/uploads/2015/03/xxx.mp3");
playlist.push("...wp-content/uploads/2015/03/10-Good-Evening.mp3");

console.log(getSong()); // Here's your song.
document.getElementById("play").addEventListener("click", playSong);

function playSong(){ 
    var audio = new Audio(getSong());
    audio.play(); 
}
function getSong() {
   return playlist[Math.floor(Math.random() * playlist.length)];
} 
</script>

看起来不错！

只需在javascript标签后添加此html

<button id="play">Click Me</button>

控制台显示：

Navigated to http://fuba-blog.de/randomizer/
VM83:132 Uncaught SyntaxError: Unexpected token <

导航到错误显示

     <script>
var playlist = Array();
playlist.push("http://fuba-blog.de/wp-content/uploads/2015/03/alaba-button-mp3.mp3");
playlist.push("http://fuba-blog.de/wp-content/uploads/2015/03/alaba-button-mp3.mp3");</p>
<p>console.log(getSong()); // Here's your song.</p>
<p>document.getElementById("play").addEventListener("click", playSong);</p>
<p>function playSong(){ 
    var audio = new Audio(getSong());
    audio.play(); 
}</p>
<p>function getSong() {
   return playlist[Math.floor(Math.random() * playlist.length)];
} </p>
<p></script>

您的脚本中有HTML。

相关文章：