从列表中随机选择一个项目

Mar*_*nne 4 javascript random

我正在学习 Javascript,我需要一些帮助。我有一个清单。我尝试制作一个列表,您可以通过单击按钮从该列表中随机获取一首歌曲,但它似乎不起作用。我的清单在下面,我做错了什么?

<!DOCKTYPE html>
<html>
<head>
</head>
<body>

<div>
  <button type="randomSong">Random Music</button>
  <input "randomSong" id="randomSong">
</div>

<script>

var song = Array("song1", "song2", "song3", "song4", "song5", "song6");

var randomSong = song[Math.floor(Math.random()*song.length)];

</script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Der*_*lin 9

你的代码几乎是正确的。这是一个正确的版本:

超文本标记语言

<div>
  <button type="randomSong" onclick="randomSong()">Random Music</button>
  <input name="randomSong" id="randomSong">
</div>
Run Code Online (Sandbox Code Playgroud)

修改:

  • 将属性名称添加到输入(您没有"randomSong"任何属性键)
  • 使用onclick回调,这样当您单击按钮时就会发生一些事情

JS

var song = Array("song1", "song2", "song3", "song4", "song5", "song6");

function randomSong() {
  var randomSong = song[Math.floor(Math.random() * song.length)];
  document.getElementById('randomSong').value = randomSong;
}
Run Code Online (Sandbox Code Playgroud)

修改:

  • onclick将您的随机代码包装到一个函数中(由按钮的属性引用的函数)
  • 将结果分配给输入