lesson 8
This commit is contained in:
@@ -0,0 +1,24 @@
|
||||
// Function to delete a todo item
|
||||
function deleteTodo(todo) {
|
||||
fetch("/todo", {
|
||||
method: "DELETE",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({ todo }),
|
||||
})
|
||||
.then((response) => {
|
||||
if (response.ok) {
|
||||
// Remove the list item and button from the DOM
|
||||
const listItem = [...document.querySelectorAll("li")].find((li) =>
|
||||
li.textContent.trim().startsWith(todo)
|
||||
);
|
||||
if (listItem) {
|
||||
listItem.remove();
|
||||
}
|
||||
} else {
|
||||
console.error("Failed to delete the todo item.");
|
||||
}
|
||||
})
|
||||
.catch((error) => console.error("Error deleting todo:", error));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user