Added restart button functionality

index.html

@@ -24,6 +24,7 @@ <h3 id="progress">Progress: 0% (0/0 tasks completed)</h3>
             <h2 id="time">00:00:00</h2>
             <button onclick="startTimer()">Start</button>
             <button onclick="stopTimer()">Stop</button>
+              <button onclick="Restart()"> Restart</button>
         </div>
     </div>
 

script.js

@@ -97,4 +97,27 @@ function updateTime() {
 
 function pad(num) {
     return num < 10 ? "0" + num : num;
+}
+//stop timer when task is completed
+function stop() {
+    let total = tasks.length;
+    if (total === 0) return;
+    let doneTasks = tasks.filter(task => task.done).length;
+    let percent = Math.round((doneTasks / total) * 100);
+
+    if (percent === 100) {
+        stopTimer();
+    }
+}
+  function toggleTask(index) {
+    tasks[index].done = !tasks[index].done;
+    renderTasks();
+    stop();
+}
+// Restart
+function Restart(){
+    seconds=0;
+   updateTime();
+    tasks = [];
+   renderTasks();
 }