javascript - 如何为 HTML 元素分配随机 id？

Question

我正在做一个项目，这是一个猜谜游戏。例如，我希望按钮的顺序是随机的，这样正确的答案就不会总是在左边。所以我的HTML按钮id是“1”，“2”，“3”，“4”，我想为每个按钮分配一个随机id(例如1变成4)b我已经尝试过做math.random并制作1-4 数字有可能重叠。我怎样才能使数字不重叠？谢谢!

Answer 1

创建按钮 ID 数组(我们将在此处使用 1 - 4)，然后从数组中抓取一个随机元素并将其用作按钮 ID。

while 循环遍历按钮 ID 数组并随机取出一个，并将其从数组中删除，这样就无法再次选择它。它重复此过程，直到按钮 ID 数组为空。

var buttons = [1, 2, 3, 4];

while (buttons.length) {
  var buttonEl = document.createElement('button');
  var buttonId = buttons.splice(Math.floor(Math.random() * buttons.length), 1)[0];
  buttonEl.id = 'id-' + buttonId;
  buttonEl.innerText = buttonId;

  document.getElementById('buttons').appendChild(buttonEl);
}

<div id="buttons">
</div>