script.js

const tasks = JSON.parse(localStorage.getItem("tasks")) || [];
const form = document.getElementById("taskForm");
const list = document.getElementById("taskList");
const clearBtn = document.getElementById("clearAll");

if (clearBtn) {
  clearBtn.addEventListener("click", () => {
    tasks.length = 0;
    localStorage.removeItem("tasks");
    renderTasks();
  });
}

if (form) {
  form.addEventListener("submit", (e) => {
    e.preventDefault();

    const taskData = {
      task: e.target.task.value,
      desc: e.target.desc.value,
      date: e.target["start-date"].value,
    };

    tasks.push(taskData);
    localStorage.setItem("tasks", JSON.stringify(tasks));

    console.log(taskData);

    renderTasks();

    e.target.reset(); //clear form
  });
}

if (list) {
  renderTasks();
}
function renderTasks() {
  if (!list) return;

  list.innerHTML = "";

  tasks.forEach((t, index) => {
    const li = document.createElement("li"); // create <li>
    li.textContent = `${t.task} — ${t.desc} (${t.date})`; // attach the three value into <li>
    list.appendChild(li);
  });
}