DELETE: Remove a Task

The Delete operation removes a task from the list. Create the Delete button:

code javascript

function createDeleteButton(li) {

    const deleteBtn =
        document.createElement("button");

    deleteBtn.textContent = "Delete";

    deleteBtn.onclick = () =>
        handleDeleteClick(li);

    return deleteBtn;
}

Handle the deletion:

code javascript

function handleDeleteClick(li) {

    li.remove();

}

The remove() method removes the task from the DOM. CRUD Operation: DELETE

format_list_numbered Step 6 of 7

chevron_left Previous Next chevron_right