function renderData() { let tbody = document.querySelector('tbody'); tbody.innerHTML = ''; contacts.forEach((contact, index) => { let tr = document.createElement('tr'); tr.innerHTML = ` <td>${contact.name}</td> <td>${contact.phone}</td> <td>${contact.email}</td> <td> <button class="edit-btn" data-index="${index}">编辑</button> <button class="delete-btn" data-index="${index}">删除</button> </td> `; tbody.appendChild(tr); }); } // 点击编辑或删除按钮 document.querySelector('tbody').onclick = function(event) { let target = event.target; let index = target.getAttribute('data-index'); if (target.classList.contains('edit-btn')) { showModal('edit', index); } else if (target.classList.contains('delete-btn')) { contacts.splice(index, 1); renderData(); } };帮我添加确认删除提示

好的，可以在删除按钮的点击事件中添加确认弹窗提示，代码如下：

// 点击编辑或删除按钮
document.querySelector('tbody').onclick = function(event) {
    let target = event.target;
    let index = target.getAttribute('data-index');

    if (target.classList.contains('edit-btn')) {
        showModal('edit', index);
    } else if (target.classList.contains('delete-btn')) {
        if (confirm('确定要删除该联系人吗？')) {
            contacts.splice(index, 1);
            renderData();
        }
    }
};

这里使用了 JavaScript 内置的 `confirm` 函数来弹出确认弹窗，并根据用户的选择执行删除操作或取消操作。