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

-2

我想在按钮单击时生成最多三个新列表项，但我的代码不工作，出了什么问题？在按钮上生成列表项单击有限次数

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/

来源

2015-12-22 Yennj21

*“想要生成最多三个新的列表项......” - 为什么“我<4”？它应该是'我<3'。 – Abhitalks

第一个重要注意事项：此代码创建**正好四个**项目。 “最多三个”是什么意思？第二个重要注意事项：你的小提琴不工作，因为你的功能是在窗口准备就绪，但不是在正文中声明。检查这个小提琴：https：//jsfiddle.net/ykurmangaliyev/f755reut/1/。 –

对不起，我的意思是它应该在点击按钮时生成一个列表项并在到达三个生成项时停止 – Yennj21

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++; 
    } 
};

来源

2015-12-22 07:55:58 AlexD

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

回答

相关问题