save task state to local storage

main.js

@@ -53,21 +53,37 @@ function hidePage() {
 };
 
 function createTodo(newTodo) {
+    const isChecked = newTodo.isChecked ? 'checked' : '';
+    const taskTitle = newTodo.title || newTodo;
     const demoTodo = document.createElement('LI');
-    demoTodo.innerHTML = "<input type='checkbox'> <p class='todo'>" + newTodo + "</p><i class='far fa-trash-alt delete'></i>";
+    const createdElement = `<input type='checkbox' ${isChecked} 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')) || [];
-    savedTasks.push(addedTask);
+    const newTask = {
+        title: addedTask,
+        isChecked: false
+    };
+    savedTasks.push(newTask);
     localStorage.setItem('tasks', JSON.stringify(savedTasks));
 }
 
 function deleteTaskFromStorage(removedTask) {
     let savedTasks = JSON.parse(localStorage.getItem('tasks'));
     const newTaskList = savedTasks.filter(taskItem => {
-        return taskItem !== removedTask;
+        return taskItem.title !== removedTask;
     });
     localStorage.setItem('tasks', JSON.stringify(newTaskList));
 }
+
+function updateTaskInStorage(completedTask) {
+    let savedTasks = JSON.parse(localStorage.getItem('tasks'));
+    const taskIndex = savedTasks.findIndex(taskItem => {
+        return taskItem.title === completedTask;
+    });
+    savedTasks[taskIndex].isChecked = !savedTasks[taskIndex].isChecked;
+    localStorage.setItem('tasks', JSON.stringify(savedTasks));
+}