window.onload = LoadTasks; function LoadTasks() { let data = JSON.parse(localStorage.getItem("@ToDoList_data")); if(data) { const list = document.getElementsByClassName('list'); list[0].innerHTML = ""; data.map(task => { list[0].innerHTML += `

${task.description}

`; }); } } let currentTask = null; document.getElementById('adicionar').addEventListener('click', function() { event.preventDefault(); var taskInput = document.getElementById('task'); if(taskInput.value.length < 10) { alert('A nova tarefa precisa ter no mínimo 10 caracteres!') } else { if(currentTask !== null) { var tasks = JSON.parse(localStorage.getItem("@ToDoList_data")); const newTasksList = tasks.map(task => { if(task.creationDate === currentTask) { task.description = taskInput.value } return task; }) localStorage.setItem("@ToDoList_data", JSON.stringify(newTasksList)); currentTask = null; document.getElementById("adicionar").innerHTML = "Adicionar"; document.querySelector('form').reset(); } else { const newTask = { creationDate: new Date(), description: taskInput.value, concluded: false, completionDate: null }; localStorage.setItem("@ToDoList_data", JSON.stringify([...JSON.parse(localStorage.getItem("@ToDoList_data")) || [], newTask])); document.querySelector('form').reset(); } LoadTasks(); } }) function getCurrentTask(event) { currentTask = event.parentElement.parentElement.getAttribute("key"); document.getElementById("adicionar").innerHTML = "Atualizar"; document.getElementById("task").value = event.parentElement.parentElement.innerText; }; function handleConcludedTask(event) { var concluded = event.childNodes[0].checked; var tasks = JSON.parse(localStorage.getItem("@ToDoList_data")); const newTasksList = tasks.map(task => { if(task.creationDate === event.parentElement.getAttribute("key")) { task.concluded = concluded; task.completionDate = concluded ? new Date() : null; } return task; }) localStorage.setItem("@ToDoList_data", JSON.stringify(newTasksList)); if(concluded === true) event.parentElement.childNodes[1].setAttribute('hidden', ''); else event.parentElement.childNodes[1].removeAttribute('hidden'); } function handleRemoveTask(event) { var tasks = JSON.parse(localStorage.getItem("@ToDoList_data")); var newTasks = tasks.filter(task => task.creationDate !== event.parentElement.parentElement.getAttribute("key")) localStorage.setItem("@ToDoList_data", JSON.stringify(newTasks)); LoadTasks(); }

Simple Todo App

BJpde7G-T

sHT2PJwwA

To- do

xdKFQ8NAf

BJUZH9_8p

a8xvSMncI

Simple ToDo List

Simple To Do List

rJ4SugHR3

r1tfkLtM6

HyCWmzKca

By5CvOKcT