Frontend/Javascript

To Do List

surge_95 2021. 12. 29. 21:03

 JSON.stringify(toDos);  //turn to string
 const li = event.target.parentElement;  //which button is clicked
 toDos = toDos.filter((toDo) => toDo.id !== parseInt(li.id)); //exclude the item that return false
 const newTodoObj = {   //make object(id) instead of text
        text:newTodo,
        id : Date.now(),  //give Random number(id)
    }

if(savedToDos !== null) {       // if savedToDos exist
    const parsedToDos = JSON.parse(savedToDos);   // turn to the array
    toDos = parsedToDos;          //restore previous toDos
    parsedToDos.forEach(paintToDo);  // paintToDo(function) for Each item
}