我正在制作一個用于學習的計數器應用程序，在給計數器名稱后，計數器在 onclick 事件中遞增 1 這在只有計數器時工作正常但如果我添加多個名稱它會在新計數器上采用最后一個增量值，基本上每個新創建的計數器的增量應該是分開的。let counter = 0function updateCount() {  let progressCountUpdate = document.getElementsByClassName("progress-count")  for (var i = 0; i < progressCountUpdate.length; i++) {    progressCountUpdate[i].onclick = function () {      this.childNodes[1].innerText = counter++    }  }}function createProgress() {  progressCount = document.createElement("div")  progressCount.className = "progress-count"  progressNameNew = document.createElement("span")  progressNameNew.innerText = progresslabel.value;  progressNameNew.className = 'progress-name'  progressCountNumber = document.createElement("span")  progressCountNumber.innerText = 0  progressCountNumber.className = "progress-counter"  progressCount.appendChild(progressNameNew)  progressCount.appendChild(progressCountNumber)  progressDisplay.appendChild(progressCount)  progresslabel.value = ""  updateCount()}addbutton.onclick = function () {  if (progresslabel.value === "") {    alert("enter progress name")  } else {    checkStartEndTime();    createProgress();  }}<div class="progress-display"></div>如何確保每個計數器的增量都是獨立的。