Javascript 如何将随机id分配给HTML元素？

我正在做一个项目，这是一个猜谜游戏。例如，我希望按钮的顺序是随机的，这样正确的答案就不会总是左边的。所以我的HTML按钮id是1，2，3，4，我想给每个按钮分配一个随机id，例如1变为4，我已经试过做数学。随机，使其为1-4，有可能出现数字重叠。我怎样才能使数字不重叠？谢谢

创建一个按钮ID数组，我们在这里使用1-4，然后从数组中获取一个随机元素，并将其用作按钮ID

while循环遍历按钮ID数组并随机抽出一个按钮ID，然后将其从数组中移除，以便不能再次选择。它重复此过程，直到按钮ID数组为空

变量按钮=[1,2,3,4]； 而长度{ var buttonEl=document.createElement'button'； var buttonId=buttons.stipleMath.floorMath.random*buttons.length，1[0]； Buttonnel.id='id-'+buttonId； buttonEl.innerText=buttonId； getElementById'buttons'。AppendChildButtonnel； }

---

我认为，最好不要创建或搜索新的随机数。但要洗牌现有阵列。然后将ID分配给按钮

变量ID=[1,2,3,4,5]； var shuffleds=shuffleds； console.logshuffleds； 功能洗牌耳环{ var rand，指数=-1， length=array.length， 结果=排列长度； 而++索引<长度{ rand=Math.floorMath.random*索引+1； 结果[索引]=结果[兰德]； 结果[rand]=数组[index]； } 返回结果；

---

}你能发布你的尝试吗？