디지털 노마드의 꿈

4. 할 일 리스트 할 일 리스트는 정리하는데 좀 어려웠다. 로컬 스토리지에 데이터 저장, 요소 삭제, 요소 추가, 화면에 출력, 이벤트 발생시 처리 등 신경쓸게 많았다. const toDoForm = document.querySelector(".js-toDoForm"), toDoInput = toDoForm.querySelector("input"), // input 받은 데이터를 저장한다. toDoList = document.querySelector(".js-toDoList"); // 입력 받은 데이터 리스트를 저장한다. const TODOS_LS = "toDos"; let toDos = []; // 리스트를 지운다 function deleteToDo(event){ // event의 부모에 대한 정보를..

목차 1. Toggle 2. 시계 3. 유저 이름 입력 4. 할 일 리스트 5. 그림 백그라운드 6. 현재 날씨 출력 1. Toggle 만약 문자를 클릭하면 색이 바뀌고 다시 클릭하면 원래 색으로 돌아가도록 하고 싶다면 어떻게 해야할까? const CLICKED_CLASS = "clicked" function handleClick1(){ // contains(값) : 배열 혹은 객체내에 값의 존재 여부를 확인 const hasClass = title.classList.contains(CLICKED_CLASS) if (hasClass){ // hasClass가 참이면, 즉 CLICKED_CLASS가 있을 경우 title.classList.remove(CLICKED_CLASS) // CLICKED_CLASS..