在按钮上生成列表项会单击有限次数

Question

我想在按钮点击时生成最多三个新列表项但我的代码不起作用，有什么问题？

function addListItem() { 
   for (var i = 0; i < 4; i++){  
   var newLi  = document.createElement("LI"); 
   var liText = document.createTextNode("new"); 
   newLi.appendChild(liText); 
   document.getElementById("list").appendChild(newLi); 
   }; 
}; 

https://jsfiddle.net/f755reut/

Answer 1

https://jsfiddle.net/f755reut/3/

您可以计算您生成的项目数量，当您达到3项时 - 不要让它添加更多项目。

var itemsGenerated = 0;

function addListItem() {
  if (itemsGenerated < 3) {
    var newLi = document.createElement("LI");
    var liText = document.createTextNode("new");
    newLi.appendChild(liText);
    document.getElementById("list").appendChild(newLi);
    itemsGenerated++;
  }
};