created a new brach and renamed the index html file to Alarmclockapp

Author: Mona-Eltantawy

Sprint-3/alarmclock/index.html Sprint-3/alarmclock/Alarmclockapp .htmlSprint-3/alarmclock/index.html renamed to Sprint-3/alarmclock/Alarmclockapp .html

@@ -34,6 +34,14 @@ <h1>My ToDo List</h1>
         </div>
       </li>
     </template>
+    <br>
+    <br>
+    <div id="completed-tasks">
+      <h2>Completed Tasks</h2>
+      <ul id="completed-list"> </ul>
+      <button id = "delete-completed-btn">Delete Completed Tasks</button>
+    </div
+  >
 
   </div>
 </body>

Sprint-3/todo-list/index.html

@@ -73,4 +73,11 @@ function createListItem(todo, index) {
   });
 
   return li;
-}
+}
+
+const completedList= document.querySelector("#completed-list");
+const deleteCompletedTasks= document.querySelector("#delete-completed-btn");
+deleteCompletedTasks.addEventListener("click", ()=> {
+  todos.deleteCompletedTasks();
+  render();
+});