todo.js

document.getElementById("new_do").addEventListener("click", addTask);
const taskList = document.getElementById("ft_list");
document.getElementById("del_all").addEventListener("click", deleteAll);
let localList = localStorage.getItem("tasks");
if (localList) {
  taskList.innerHTML = localList;
}

function addTask() {
  let task = prompt("ADD NEW ELEMENT:");
  if (task) {
    const newListEl = document.createElement("li");
    const newTask = document.createTextNode(task);
    newListEl.appendChild(newTask);
    taskList.insertBefore(newListEl, taskList.children[0]);
    localStorage.setItem("tasks", taskList.innerHTML);
    newListEl.addEventListener("click", function () {
      deleteItem(newListEl);
    });
  }
}

const listItems = taskList.getElementsByTagName("li");
for (const listItem of listItems) {
  listItem.addEventListener("click", function () {
    deleteItem(listItem);
  });
}

function deleteItem(item) {
  if (confirm(`REMOVE ${item.textContent}?`)) {
    item.remove();
    localStorage.setItem("tasks", taskList.innerHTML);
  }
}

function deleteAll() {
  if (confirm(`ARE YOU SURE TO DELETE ALL?`)) {
    localStorage.clear();
    taskList.innerHTML = "";
  }
}