javascript - 在屏幕上随机、一一显示所有数组元素

Question

我是社区新手，最近发布了这个问题，但我的描述不够详细，无法得到我想要的答复。对不起。不过，还是要感谢所有提供帮助的人。到目前为止我所拥有的:我可以创建一个数组，其中随机绘制一个元素并通过单击按钮将其呈现到屏幕上。然后将该元素从数组中删除 Perfect!但我的代码仅在屏幕上显示当前正在切片的元素。我想要做的是将每个单独的元素显示到屏幕上，因为它是随机拼接的，这样我最终会得到屏幕上的所有元素和一个空数组。我尝试使用循环非常不成功。抱歉，我在最初的帖子中不清楚，并提前感谢您的额外帮助。

function RandomDraw(){
    var ri = Math.floor(Math.random() * myArray.length);
    var rs = myArray.splice(ri, 1);
    document.getElementById("showSplice").textContent = rs;
    document.getElementById("showArrayList").innerHTML = myArray;
}

Answer 1

使用innerHTML +=，而不是用textContent 删除现有值。请参阅this code pen .

function RandomDraw(){
  var ri = Math.floor(Math.random() * myArray.length);
  var rs = myArray.splice(ri, 1);
  document.getElementById("showSplice").innerHTML += rs;
  document.getElementById("showArrayList").innerHTML = myArray;
}