script.js

const taskForm = document.getElementById('task-form');
const taskList = document.getElementById('task-list');
const themeToggle = document.getElementById('theme-toggle');

// Toggle Light/Dark Theme
themeToggle.addEventListener('click', () => {
  document.body.classList.toggle('dark-mode');
  themeToggle.textContent = document.body.classList.contains('dark-mode') ? '🌜' : '🌞';
});

// Task Storage and CRUD Operations
let tasks = JSON.parse(localStorage.getItem('tasks')) || [];

// Add Task
taskForm.addEventListener('submit', (e) => {
  e.preventDefault();
  const taskName = document.getElementById('task-name').value;
  const taskDate = document.getElementById('task-date').value;
  const taskPriority = document.getElementById('task-priority').value;
  const taskId = Date.now();

  const newTask = { id: taskId, name: taskName, date: taskDate, priority: taskPriority, completed: false };
  tasks.push(newTask);
  saveTasks();
  displayTasks();
  taskForm.reset();
});

// Display Tasks
function displayTasks() {
  taskList.innerHTML = '';
  tasks.forEach(task => {
    const taskItem = document.createElement('li');
    taskItem.classList.add('task-item');
    taskItem.innerHTML = `
      <span>${task.name} - ${task.date} (${task.priority})</span>
      <button onclick="editTask(${task.id})" class="edit">✏️</button>
      <button onclick="deleteTask(${task.id})" class="delete">🗑️</button>
    `;
    taskList.appendChild(taskItem);
  });
}

// Save Tasks to Local Storage
function saveTasks() {
  localStorage.setItem('tasks', JSON.stringify(tasks));
}

// Delete Task
function deleteTask(id) {
  tasks = tasks.filter(task => task.id !== id);
  saveTasks();
  displayTasks();
}

// Edit Task
function editTask(id) {
  const task = tasks.find(t => t.id === id);
  document.getElementById('task-name').value = task.name;
  document.getElementById('task-date').value = task.date;
  document.getElementById('task-priority').value = task.priority;
  deleteTask(id);
}

// Load Tasks on Page Load
window.onload = displayTasks;