diff --git a/main.js b/main.js index 9fde9d3..5a97e08 100644 --- a/main.js +++ b/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 = "

" + newTodo + "

"; + const createdElement = `

${taskTitle}

`; + 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)); +}