如何展示列表生成的随机项？生成randomSong后如何显示指定兑换语句？

嘿，我来帮你搞定这个问题～你现在的代码已经能生成随机码了，但还缺一步：把兑换提示和生成的码一起展示出来。我给你调整一下代码，一步步来：

首先，先修正原代码里的一个小bug：你用了Math.floor(Math.random() * (song.length - 1))，这会导致数组里最后一个元素永远不会被选中哦！应该改成Math.floor(Math.random() * song.length)，这样才能覆盖所有的随机码。

接下来，我们需要在页面里加一个用来显示兑换提示的区域，比如一个<p>或者<div>标签，给它一个唯一的id，比如redeemMessage。

然后修改你的findSong函数，在生成并设置好随机码之后，把兑换提示语句插入到这个区域里，把生成的随机码替换进去。

下面是完整的代码示例：

<!-- HTML部分 -->
<div>
  <button onclick="findSong();" type="button">Generate Premium Code</button>
  <!-- 用来显示随机码的输入框 -->
  <input id="randomSong" type="text" readonly>
  <!-- 新增的提示展示区域 -->
  <p id="redeemMessage" style="margin-top: 10px; color: #333;"></p>
</div>

<script>
function findSong() {
  var song = ["xikskx", "iwnujk", "ldilxb", "hgbhrw", "ijkczb"];
  // 修正随机索引的计算，确保所有元素都能被选中
  var randomIndex = Math.floor(Math.random() * song.length);
  var randomCode = song[randomIndex];
  
  // 设置输入框的随机码
  document.getElementById("randomSong").setAttribute("value", randomCode);
  
  // 生成并插入兑换提示语句
  var redeemText = `在我们的聊天论坛中使用!code(${randomCode})命令兑换高级服务。`;
  document.getElementById("redeemMessage").textContent = redeemText;
}
</script>

我给你解释下关键改动：

• 新增了redeemMessage元素，专门用来展示兑换提示；
• 修正了随机索引的计算逻辑，确保每个码都有被选中的机会；
• 在函数最后拼接了提示文本，把随机码嵌入进去，然后赋值给提示区域的内容。

这样点击按钮之后，不仅输入框会显示随机码，下面也会自动出现你想要的兑换提示啦！

内容的提问来源于stack exchange，提问作者will