如何知道在from中动态创建了多少HTML控件？

var counter = 0;

function addInput() {
  var input = document.createElement("input");
  // 设置控件属性和样式等
  // ...
  document.getElementById("myForm").appendChild(input);
  counter++;
}

function getControlCount() {
  console.log("当前创建的控件数量：" + counter);
}

var inputs = [];

function addInput() {
  var input = document.createElement("input");
  // 设置控件属性和样式等
  // ...
  document.getElementById("myForm").appendChild(input);
  inputs.push(input);
}

function getControlCount() {
  console.log("当前创建的控件数量：" + inputs.length);
}

function addInput() {
  var input = document.createElement("input");
  input.setAttribute("data-dynamic", "true");
  // 设置控件属性和样式等
  // ...
  document.getElementById("myForm").appendChild(input);
}

function getControlCount() {
  var dynamicInputs = document.querySelectorAll("input[data-dynamic='true']");
  console.log("当前创建的控件数量：" + dynamicInputs.length);
}