From 8b5b0cab355a143b3a43952a6ad9e53da542d047 Mon Sep 17 00:00:00 2001
From: Sadhakan X <riasquad.pmg@gmail.com>
Date: Wed, 11 Mar 2026 08:05:20 +0100
Subject: [PATCH] Create index.html with a complete to-do list application

---
 index.html | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 74 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..6b634b2a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>To-Do List Application</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 20px;
+            background-color: #f0f0f0;
+        }
+        h1 {
+            text-align: center;
+        }
+        #taskInput {
+            width: 60%;
+            padding: 10px;
+            font-size: 16px;
+        }
+        #addTaskButton {
+            padding: 10px;
+            font-size: 16px;
+        }
+        #taskList {
+            list-style-type: none;
+            padding: 0;
+        }
+        .task {
+            padding: 10px;
+            margin: 5px 0;
+            background: white;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .deleteButton {
+            background: red;
+            color: white;
+            border: none;
+            padding: 5px;
+            cursor: pointer;
+        }
+    </style>
+</head>
+<body>
+    <h1>To-Do List</h1>
+    <input type="text" id="taskInput" placeholder="Enter a new task" />
+    <button id="addTaskButton">Add Task</button>
+    <ul id="taskList"></ul>
+
+    <script>
+        const taskInput = document.getElementById('taskInput');
+        const addTaskButton = document.getElementById('addTaskButton');
+        const taskList = document.getElementById('taskList');
+
+        addTaskButton.addEventListener('click', () => {
+            const taskText = taskInput.value;
+            if (taskText !== '') {
+                const taskItem = document.createElement('li');
+                taskItem.className = 'task';
+                taskItem.innerHTML = `<span>${taskText}</span> <button class='deleteButton'>Delete</button>`;
+                taskList.appendChild(taskItem);
+                taskInput.value = '';
+                const deleteButton = taskItem.querySelector('.deleteButton');
+                deleteButton.addEventListener('click', () => {
+                    taskList.removeChild(taskItem);
+                });
+            }
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
