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); }); }帮我添加一个确认是否删除的提示

好的，可以在删除按钮的点击事件中添加确认提示框。可以按照如下代码进行修改：

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);
    });

    // 为删除按钮添加点击事件
    let deleteBtns = document.querySelectorAll('.delete-btn');
    deleteBtns.forEach((btn) => {
        btn.addEventListener('click', (e) => {
            let index = e.target.dataset.index;
            let contact = contacts[index];
            if (confirm(`确定要删除 ${contact.name} 吗？`)) {
                contacts.splice(index, 1);
                renderData();
            }
        });
    });
}

这样，当用户点击删除按钮时，会弹出一个确认提示框，询问用户是否确定删除该联系人。如果用户点击确认按钮，则执行删除操作；否则，不执行任何操作。