Javascript 如何限制可以创建元素的次数

有没有办法限制用户单击按钮创建元素的次数？到目前为止，这就是我所能做到的。多谢各位

JavaScript

    var ClickCount = 0;

    function countClicks() {
    var clickLimit = 8 ; //Max number of clicks
    if(ClickCount<=clickLimit) {
        populateTipItem();
    }
    else if(ClickCount > clickLimit)
    {
        return;
    }
}

// TIP LIST
function populateTipItem() {

  var x = document.createElement("INPUT");
  x.setAttribute("type", "text");
  x.setAttribute("class", "form-control mt-1 tip-item");
  x.setAttribute("placeholder", "Another Tip Item! ... 250tks");
  document.getElementById("tipList").appendChild(x);
  }

var ClickCount=0；
函数countClicks（）{
var clickLimit=8；//最大点击次数
如果（单击计数单击限制）
{
返回；
}
}
//提示列表
函数populatetiItem（）{
var x=document.createElement（“输入”）；
x、 setAttribute（“类型”、“文本”）；
x、 setAttribute（“类”、“表单控制mt-1提示项”）；
x、 setAttribute（“占位符”，“另一个提示项！…250tks”）；
文件.getElementById（“tipList”）.appendChild（x）；
}

HTML

您的提示菜单项
最多10件物品。
添加提示项

您几乎完成了。主要的更改是添加

ClickCount++

，这样您就可以知道创建了多少元素

var ClickCount = 0;
var clickLimit = 8 ; //Max number of clicks
function countClicks() {
    if(ClickCount<=clickLimit) {
        ClickCount++;
        populateTipItem();
    }
    else if(ClickCount > clickLimit) {
        return;
    }
}

var ClickCount=0；
var clickLimit=8//最大点击次数
函数countClicks（）{
如果（单击计数单击限制）{
返回；
}
}

或者，您可以计算创建的元素数：

var clickLimit = 8;
var tipList = document.getElementById('tipList');

function countClicks() {
  if (tipsList.children.length < clickLimit) {
    populateTipItem();
  }
}

var clickLimit=8；
var tipList=document.getElementById（'tipList'）；
函数countClicks（）{
if（tipsList.children.length

就按标记名限制元素而言，您可以使用document.getElementsByTagName（）.length来确定是否需要限制该标记的另一个元素的创建，只需在每次单击时增加

ClickCount

的值（如名称所示）即可！非常感谢你！我的大脑迷雾是压倒性的，谢谢你为我清除它！

var clickLimit = 8;
var tipList = document.getElementById('tipList');

function countClicks() {
  if (tipsList.children.length < clickLimit) {
    populateTipItem();
  }
}