코딩이야기45 [JavaScript] - To Do List 만들기③ https://taehyeon-smilestudy.tistory.com/27?category=1020508 [JavaScript] - To Do List 만들기① ToDoList를 만들 때 꼭 되어야 하는 기능 1. 사용자가 값을 입력하고 새로고침을 했을 때 이전에 있던 값들을 불러올 수 있는가 2. 새로고침 후 사용자가 값을 입력할 때 기존에 있던 것에 덧씌워 taehyeon-smilestudy.tistory.com https://taehyeon-smilestudy.tistory.com/29?category=1020508 [JavaScript] - To Do List 만들기② https://taehyeon-smilestudy.tistory.com/27?category=1020508 [JavaScript.. 2022. 7. 19. [JavaScript] - To Do List 만들기② https://taehyeon-smilestudy.tistory.com/27?category=1020508 [JavaScript] - To Do List 만들기① ToDoList를 만들 때 꼭 되어야 하는 기능 1. 사용자가 값을 입력하고 새로고침을 했을 때 이전에 있던 값들을 불러올 수 있는가 2. 새로고침 후 사용자가 값을 입력할 때 기존에 있던 것에 덧씌워 taehyeon-smilestudy.tistory.com 다음은 ul의 하위 요소로 들어가는 li span button을 만들어 줍니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function createToDo(newToDo) { const li = document.createElement("li"); li.id = n.. 2022. 7. 19. [JavaScript] - To Do List 만들기① ToDoList를 만들 때 꼭 되어야 하는 기능 1. 사용자가 값을 입력하고 새로고침을 했을 때 이전에 있던 값들을 불러올 수 있는가 2. 새로고침 후 사용자가 값을 입력할 때 기존에 있던 것에 덧씌워지는 것이 아닌 기존에 있던값+새로운값으로 리스트가 만들어지는가 3. 삭제 버튼을 눌렀을때 화면상 리스트와 localStorage의 데이터가 같이 삭제가 되는가 To Do List 진행방향 -form이 submit 될 때 실행되는 함수를 만듭니다. -사용자가 input에 넣은 값들을 배열로 저장 후 로컬스토리지로 보내고 createElement 메소드를 이용해 ul의 하위 요소인 li와 span, button을 만듭니다.(span은 input에 넣은 값을 받습니다.) -삭제 버튼을 클릭하면 클릭이벤트가 일어.. 2022. 7. 19. [JavaScript] - Uncaught TypeError 자바스크립트를 하다보면 자주 볼 수 있는 오류입니다. 위 에러는 흔히 나타나는 에러로 주로 HTML에서 DOM이 형성되지 않았으나 JS를 이용해 이벤트를 줄경우 또는 크롬에서 정의되지 않은 객체의 property를 읽어내거나 method를 호출했을 때 발생합니다. 위 사진을 보면 어느부분에서 잘못되었을까요? const todoListUl = document.querySelector("todolist-ul");에서 querySelector로 불러올때는 id일때 "#(샵)" class일때 ".(마침표)" 를 붙여줘야 되는데 그부분을 빠뜨려서 생긴 오류였습니다. const todoListUl = document.querySelector(".todolist-ul");으로 고쳐주면 간단하게 해결 완료! Uncau.. 2022. 7. 19. 이전 1 ··· 5 6 7 8 9 10 11 12 다음
