如何对我的无序列表元素旁边的按钮进行编程，以便在单击时删除其关联的列表元素？

<ul id="myList">
  <li>列表项 1 <button class="delete-btn">删除</button></li>
  <li>列表项 2 <button class="delete-btn">删除</button></li>
  <li>列表项 3 <button class="delete-btn">删除</button></li>
</ul>

// 获取所有的删除按钮
var deleteButtons = document.getElementsByClassName("delete-btn");

// 遍历按钮列表，为每个按钮添加点击事件处理程序
for (var i = 0; i < deleteButtons.length; i++) {
  deleteButtons[i].addEventListener("click", function() {
    // 获取要删除的列表项
    var listItem = this.parentNode;
    
    // 获取列表项的父元素（无序列表）
    var list = listItem.parentNode;
    
    // 从父元素中移除要删除的列表项
    list.removeChild(listItem);
  });
}