嗨，我有问题，删除输入标签后添加。问题是当我单击删除按钮输入标记时

<div id="tag-container">
  <span class="tag">标签1</span>
  <span class="tag">标签2</span>
  <span class="tag">标签3</span>
  <!-- 其他标签 -->
</div>
<button id="delete-button">删除</button>

// 获取标签容器和删除按钮
var tagContainer = document.getElementById("tag-container");
var deleteButton = document.getElementById("delete-button");

// 监听删除按钮的点击事件
deleteButton.addEventListener("click", function() {
  // 获取所有标签元素
  var tags = tagContainer.getElementsByClassName("tag");

  // 获取要删除的输入标签
  var inputTag = document.getElementById("input-tag").value;

  // 遍历标签元素
  for (var i = 0; i < tags.length; i++) {
    var tag = tags[i];

    // 判断标签内容是否与输入标签相同
    if (tag.innerText === inputTag) {
      // 删除标签元素
      tagContainer.removeChild(tag);
      break; // 停止循环，以避免删除多个相同标签
    }
  }
});