Add To-Do List application with HTML, CSS, and JavaScript

JavaScript/to do/script.js

@@ -0,0 +1,25 @@
+document.getElementById('add-task').addEventListener('click', function() {
+    const taskText = document.getElementById('new-task').value;
+    if (taskText === '') return;
+
+    const li = document.createElement('li');
+    li.textContent = taskText;
+
+    const completeButton = document.createElement('button');
+    completeButton.textContent = 'Complete';
+    completeButton.addEventListener('click', function() {
+        li.classList.toggle('completed');
+    });
+
+    const deleteButton = document.createElement('button');
+    deleteButton.textContent = 'Delete';
+    deleteButton.addEventListener('click', function() {
+        li.remove();
+    });
+
+    li.appendChild(completeButton);
+    li.appendChild(deleteButton);
+
+    document.getElementById('task-list').appendChild(li);
+    document.getElementById('new-task').value = '';
+});