From 8b76d559dda099cd5fafd1f6ff3829ebaab3ee7a Mon Sep 17 00:00:00 2001
From: sunny <umrewalsunny@gmail.com>
Date: Sat, 5 Sep 2026 16:04:37 +0530
Subject: [PATCH] fix: add task counter to todo list

---
 01-To-Do List App/index.html | 3 +++
 01-To-Do List App/script.js  | 2 +-
 01-To-Do List App/style.css  | 4 ++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/01-To-Do List App/index.html b/01-To-Do List App/index.html
index bcebceb..cd9f1d9 100644
--- a/01-To-Do List App/index.html	
+++ b/01-To-Do List App/index.html	
@@ -19,6 +19,9 @@ <h1 class="title">To-Do List App</h1>
                 />
                 <button id="button">Add</button>
             </div>
+            
+            <div id="count">0</div>
+            
             <ul id="todo_list">
                 <!-- <li>Hello</li> -->
             </ul>
diff --git a/01-To-Do List App/script.js b/01-To-Do List App/script.js
index 628d7e8..4a489c0 100644
--- a/01-To-Do List App/script.js	
+++ b/01-To-Do List App/script.js	
@@ -10,7 +10,7 @@ function saveTodos() {
 }
 
 function updateCount() {
-    count.textContent = todos.length;
+    count.textContent = `Task count: ${todos.length}`;
 }
 
 function renderTodos() {
diff --git a/01-To-Do List App/style.css b/01-To-Do List App/style.css
index eb77856..b20d27f 100644
--- a/01-To-Do List App/style.css	
+++ b/01-To-Do List App/style.css	
@@ -16,6 +16,10 @@ body {
 h1.title {
     margin-top: 20px;
 }
+#count{
+    margin: 10px;
+    text-align: center;
+}
 
 #todo_app {
     margin-top: 15px;