script.js

const taskForm = document.getElementById('taskForm');
const taskList = document.getElementById('taskList');

// Listen for form submission
taskForm.addEventListener('submit', function(e) {
    e.preventDefault(); // Prevent page refresh

    // Get the value of the input
    const taskName = document.getElementById('subject').value.trim();

    if(taskName === "") return; // Don't add empty tasks

    // Create a new task element
    const newTask = document.createElement('h4');
    newTask.innerHTML = `${taskName} <button onclick="markDone(this)">DONE</button>`;

    // Add the new task to the list
    taskList.appendChild(newTask);

    // Clear the input field
    document.getElementById('subject').value = '';
});

// Function to mark a task as done
function markDone(button) {
    const task = button.parentElement;
    task.style.textDecoration = "line-through";
}