목록JavaScript/예제 (3)

천천히 알아보는 코딩공부

javascript to do 리스트 응용 (3) localstorage 데이터 삭제

todo.js const toDoForm = document.getElementById("todo-form"); const toDoInput = toDoForm.querySelector("input"); const toDoList = document.getElementById("todo-list"); let toDos = []; const TODOS_KEY = "todos" function saveToDos(){ localStorage.setItem("todos", JSON.stringify(toDos)); } function deleteToDo(event){ const li = event.target.parentElement; todos = todos.filter(toDo => toDo.id !== p..
JavaScript/예제 2022. 4. 6. 03:34
javascript to do 리스트 응용 (1) 만들기/삭제/localstorage 저장

HTML 리스트 만들기 HTML 리스트 태그 : https://daeseok94.tistory.com/12 html 목록 태그 (ul, ol, li) ul, ol, li 목록을 만들 수 있음 : ordered list의 약자로, 숫자나 알파벳 등 순서가 있는 목록을 만드는 데 사용합니다 : unordered list의 약자로, 순서가 필요 없는 목록을 만듭니다 : definition list.. daeseok94.tistory.com todo.js const toDoForm = document.getElementById("todo-form"); const toDoInput = toDoForm.querySelector("input"); const toDoList = document.getElementByI..
JavaScript/예제 2022. 4. 3. 17:56
javascript 랜덤

javascript 랜덤으로 배열에있는 문자열 출력 const quotes = [ { quote : "a", author : "daeseok1", }, { quote : "b", author : "daeseok2", } ] const quote = document.querySelector("#quote span:first-child"); const author = document.querySelector("#quote span:last-child"); const todaysQuote = quotes[Math.floor(Math.random() * quotes.length)] quote.innerText = todaysQuote.quote; //quote 위치에 랜덤 quote 출력 author.inner..
JavaScript/예제 2022. 3. 31. 00:40
이전 Prev 1 Next 다음