강의를 들으면서 todolist를 만든 거고 내가 추가한 부분만 코드를 올릴 예정이다.
const todoClear = document.getElementById("clear")
// 전체 삭제 버튼 추가
todoClear.addEventListener("click", function() {
clearTodos();
});
// 전체 삭제 기능 구현
function clearTodos() {
todoArr = [];
localStorage.removeItem("myTodos");
displayTodos();
}
리스트 전체를 삭제 할 수 있는 기능을 넣고 싶어서
clear 버튼을 추가 하고 clear 버튼을 누르면 list전체가 삭제되는 기능을 만들었다.
todo list 만들기는 혼자 다시 해볼 생각이다...
'코딩 공부 (frontend) > javascript' 카테고리의 다른 글
24/07/15 javascript 13 정보 페이지 프로젝트 (2) | 2024.07.16 |
---|