script.js

// Global task array
const tasks = [];

// Function to add a new task
function addTask(title, dueTime, priority) {
    const task = {
        title,
        dueTime: Date.now() + dueTime * 60000, // Convert minutes to milliseconds
        priority,
    };
    tasks.push(task);
    console.log("Task added:", task);
    scheduleReminder(task); // Schedule a reminder for the task
}

// Function to display tasks
function displayTasks() {
    const taskList = document.getElementById("taskList");
    taskList.innerHTML = ""; // Clear existing tasks

    if (tasks.length === 0) {
        taskList.innerHTML = "<li>No tasks available</li>";
        return;
    }

    tasks
        .sort((a, b) => a.priority - b.priority) // Sort tasks by priority
        .forEach(task => {
            const listItem = document.createElement("li");
            const timeRemaining = Math.max(0, Math.round((task.dueTime - Date.now()) / 60000)); // Minutes remaining

            listItem.innerHTML = `
                <span>${task.title} - Due in ${timeRemaining} mins</span>
                <span>Priority: ${task.priority}</span>
            `;
            taskList.appendChild(listItem);
        });
}

// Function to schedule a reminder
function scheduleReminder(task) {
    const delay = task.dueTime - Date.now();
    if (delay > 0) {
        setTimeout(() => {
            alert(`Reminder: "${task.title}" is due!`);
        }, delay);
    }
}

// Form submission handler
document.getElementById("taskForm").addEventListener("submit", function (e) {
    e.preventDefault();

    const title = document.getElementById("taskTitle").value;
    const dueTime = parseInt(document.getElementById("taskDueTime").value, 10);
    const priority = parseInt(document.getElementById("taskPriority").value, 10);

    if (!title || isNaN(dueTime) || isNaN(priority)) {
        alert("Please fill out all fields correctly!");
        return;
    }

    addTask(title, dueTime, priority); // Add the new task
    displayTasks(); // Update the task list

    // Clear the form fields
    document.getElementById("taskForm").reset();
});

// Initial display of tasks
displayTasks();