script.js

let tasks = [];

function addTask() {
  let input = document.getElementById("taskInput");
  let taskText = input.value.trim();

  if (taskText === "") {
    alert("Please enter a task");
    return;
  }

  let task = {
    id: Date.now(),
    text: taskText,
    done: false
  };

  tasks.push(task);
  input.value = "";
  showTasks();
}

function showTasks() {
  let list = document.getElementById("taskList");
  list.innerHTML = "";

  for (let i = 0; i < tasks.length; i++) {
    let t = tasks[i];

    let div = document.createElement("div");
    div.className = "task" + (t.done ? " done" : "");
    div.innerHTML = `
      <span onclick="toggleDone(${t.id})">${t.text}</span>
      <button class="delete-btn" onclick="deleteTask(${t.id})">X</button>
    `;
    list.appendChild(div);
  }
}

function toggleDone(id) {
  for (let i = 0; i < tasks.length; i++) {
    if (tasks[i].id === id) {
      tasks[i].done = !tasks[i].done;
      break;
    }
  }
  showTasks();
}

function deleteTask(id) {
  tasks = tasks.filter(function (task) {
    return task.id !== id;
  });
  showTasks();
}