Maintain state when completed all button pressed

Author: lukeecart

main.js

@@ -19,10 +19,12 @@ function setUpPage() {
 
 completeAllBtn.addEventListener('click', () => {
     let savedTasks = JSON.parse(localStorage.getItem('tasks'));
+    let taskTitles = document.querySelectorAll('.todo');
 
     for (let i = 0, len = savedTasks.length; i < len; i++) {
         var check = document.getElementsByName("completed")[i];
         check.checked = "checked";
+        updateTaskInStorage(taskTitles[i].innerHTML, true);
     }
 });
 
@@ -68,14 +70,15 @@ function createTodo(newTodo) {
     const isChecked = newTodo.isChecked ? 'checked' : '';
     const taskTitle = newTodo.title || newTodo;
     const demoTodo = document.createElement('LI');
-    const createdElement = `<input type='checkbox' ${isChecked} onchange='updateTaskInStorage("${taskTitle}")'> <p class='todo'>${taskTitle}</p><i class='far fa-trash-alt delete'></i>`;
+    const createdElement = `<input type='checkbox' ${isChecked} name='completed' onchange='updateTaskInStorage("${taskTitle}")'> <p class='todo'>${taskTitle}</p><i class='far fa-trash-alt delete'></i>`;
     demoTodo.innerHTML = createdElement;
     todoContainer.appendChild(demoTodo);
 };
 
 function saveTaskToStorage(addedTask) {
     let savedTasks = JSON.parse(localStorage.getItem('tasks')) || [];
     const newTask = {
+        id: Date.now(),
         title: addedTask,
         isChecked: false
     };
@@ -84,18 +87,19 @@ function saveTaskToStorage(addedTask) {
 }
 
 function deleteTaskFromStorage(removedTask) {
+    console.log(removedTask);
     let savedTasks = JSON.parse(localStorage.getItem('tasks'));
     const newTaskList = savedTasks.filter(taskItem => {
         return taskItem.title !== removedTask;
     });
     localStorage.setItem('tasks', JSON.stringify(newTaskList));
 }
 
-function updateTaskInStorage(completedTask) {
+function updateTaskInStorage(completedTask, isCompleted) {
     let savedTasks = JSON.parse(localStorage.getItem('tasks'));
     const taskIndex = savedTasks.findIndex(taskItem => {
         return taskItem.title === completedTask;
     });
-    savedTasks[taskIndex].isChecked = !savedTasks[taskIndex].isChecked;
+    savedTasks[taskIndex].isChecked = isCompleted || !savedTasks[taskIndex].isChecked;
     localStorage.setItem('tasks', JSON.stringify(savedTasks));
 }