본문 바로가기

Dev74

[JavaScript] Momentum App - 4.3 ToDo-List Loading To Dos const toDoForm = document.getElementById("todo-form"); const toDoInput = document.querySelector("#todo-form input"); const toDoList = document.getElementById("todo-list"); const TODOS_KEY = "todos" const toDos = []; function saveToDos(){ //toDos array의 내용을 local Storage에 넣는다. // JSON.srtingify() : JavaScript Object나 array 또는 어떤 JavaScript 코드건 간에 // String으로 만들어 준다. localStorage.setItem(TODOS_KEY.. 2022. 5. 3.
[JavaScript] Momentum App - 4.2 ToDo-List Saving to Dos const toDoForm = document.getElementById("todo-form"); const toDoInput = document.querySelector("#todo-form input"); const toDoList = document.getElementById("todo-list"); const toDos = []; function saveToDos(){ //toDos array의 내용을 local Storage에 넣는다. // JSON.srtingify() : JavaScript Object나 array 또는 어떤 JavaScript 코드건 간에 // String으로 만들어 준다. localStorage.setItem("todos", JSON.stringify(toDos)); } .. 2022. 5. 2.
[JavaScript] Momentum App - 4.1 ToDo-List Deleting To Dos // 삭제 버튼 만들기 const toDoForm = document.getElementById("todo-form"); const toDoInput = document.querySelector("#todo-form input"); const toDoList = document.getElementById("todo-list"); function deleteToDo(event){ //target은 눌린 button - 부모 요소는 li -> 삭제 대상 const li = event.target.parentElement; li.remove(); // 삭제 } function paintToDo(newTodo){ const li = document.createElement("li"); const span = d.. 2022. 5. 2.
[JavaScript] Momentum App - 3. Quotes and Background // quotes.js const quotes = [ { quote: "Love For All, Hatred For None.", author: "Khalifatul Masih III" }, { quote: "Change the world by being yourself.", author: "Amy Poehler" }, { quote: "Every moment is a fresh beginning.", author: "T.S Eliot" }, { quote: "Never regret anything that made you smile.", author: "Mark Twain" }, { quote: "I don’t need it to be easy, I need it to be worth it. ", au.. 2022. 5. 2.

티스토리툴바