Building a Simple To-Do List App

In this project, you'll apply many of the JavaScript concepts you've learned to create a basic To-Do List application.

Features to Implement:

• Add new tasks
• Mark tasks as completed
• Remove tasks
• Display the list dynamically on the webpage

Key Concepts Used:

• DOM manipulation
• Event handling
• Arrays and array methods
• Functions and scope

Example: Adding a new task to the list

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

function addTask() {
  const task = taskInput.value;
  if (task) {
    const li = document.createElement('li');
    li.textContent = task;
    taskList.appendChild(li);
    taskInput.value = '';
  }
}