Fix: clearAllTasks function

Author: Alkaison

index.html

@@ -16,7 +16,7 @@
         <h1 id="todoTitle">ToDo App</h1>
 
         <div class="enterTask">
-            <input type="text" placeholder="Add your new todo" id="taskInput">
+            <input type="text" placeholder="Add your new todo" id="taskInput" autofocus>
             <!-- PLus ICON -->
             <svg xmlns="http://www.w3.org/2000/svg" id="addSvg" height="1em" viewBox="0 0 448 512">
                 <path

script.js

@@ -15,8 +15,9 @@ const completedTask = (task) => {
 const editTaskText = (task) => {
 
     // make the task text editable 
-    const editTaskText = taskElement.querySelector(".taskText"); 
+    const editTaskText = task.querySelector(".taskText");
     editTaskText.setAttribute("contenteditable", "true");
+    editTaskText.focus();
 }
 
 // add the task when click 
@@ -61,7 +62,7 @@ taskContainer.addEventListener("click", (e) => {
             case 'task':
                 break;
             case 'edit':
-                editTaskText(clickedElement);
+                editTaskText(taskElement);
                 break;
             case 'delete':
                 break;
@@ -74,6 +75,6 @@ clearAllTaskBtn.addEventListener("click", () => {
 
     if(confirm("All the tasks will be cleared permanently."))
     {
-        // taskContainer.removeChild();
+        taskContainer.setHTML('');
     }
 });