函数在追加li子代后停止工作(按钮)

<button id="add-btn">追加li子代</button>
<ul id="list">
  <li>第一个li子代</li>
  <li>第二个li子代</li>
  <li>第三个li子代</li>
</ul>

// 获取按钮和ul元素
var addButton = document.getElementById("add-btn");
var list = document.getElementById("list");

// 绑定按钮点击事件处理程序
addButton.addEventListener("click", function() {
  // 创建新的li元素
  var newLi = document.createElement("li");
  newLi.textContent = "新添加的li子代";
  
  // 将新的li元素追加到ul中
  list.appendChild(newLi);
  
  // 绑定新添加的li元素的事件处理程序
  newLi.addEventListener("click", function() {
    console.log("点击了新添加的li子代");
  });
});