javascript - 彩票 Javascript 无法清除数组

Question

所以我正在模拟彩票。我生成 0 到 40 之间的 6 个数字，并将它们显示在 html id“生成”中。我的问题是，如果我第二次单击“生成”(在我的 html 页面中)，之前生成的数字仍然是数组的一部分并且仍然显示。有人知道多次按下按钮时如何清除数组吗？

这是我的 JavaScript 代码:

'use strict';
function generatenumbers(){
    let number = [];
    let i;
    i=0;
    for(i= 0; i <= 5; i++){
        number[i] = Math.floor(Math.random()*40);
    }
    i = 0;
    for(i=0; i<= number.length - 1; i++){
        let node = document.createElement("LI");
        let textnode = document.createTextNode(number[i]);
        node.appendChild(textnode);
        document.getElementById("generated").appendChild(node);
    }
}

Answer 1

您应该删除之前附加的子项，然后添加新的。

var list = document.getElementById("generated"); 
list.removeChild(list.childNodes[0]); // for removing first child only

//for removing all children
  var list = document.getElementById("genrated");
  while (list.firstChild) {
    list.removeChild(list.firstChild);
  }