script.js

// script.js

// Select elements
const input = document.getElementById('todo-input');
const addBtn = document.getElementById('add-btn');
const todoList = document.getElementById('todo-list');

// Add task
addBtn.addEventListener('click', () => {
  const taskText = input.value.trim();

  if (taskText) {
    const listItem = document.createElement('li');

    // Task text
    const task = document.createElement('span');
    task.textContent = taskText;

    // Mark task complete
    task.addEventListener('click', () => {
      task.classList.toggle('complete');
    });

    // Delete button
    const deleteBtn = document.createElement('button');
    deleteBtn.textContent = 'Delete';
    deleteBtn.classList.add('delete-btn');
    deleteBtn.addEventListener('click', () => {
      todoList.removeChild(listItem);
    });

    // Append task and delete button to list item
    listItem.appendChild(task);
    listItem.appendChild(deleteBtn);

    // Add list item to list
    todoList.appendChild(listItem);

    // Clear input field
    input.value = '';
  } else {
    alert('Please enter a task!');
  }
});