코딩이야기/JS공부7 [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] - 로그인 폼 만들기 ② https://taehyeon-smilestudy.tistory.com/25 [JavaScript] - 로그인 폼 만들기 ① 만들고 싶은 폼 조건: 로그인 input에 이름을 입력하고 enter나 로그인 버튼을 눌렸을 때 로그인 폼은 사라지고 인사말이 나오며 인사말은 새로고침 해도 초기화되지 않는다. 시작! How? 1. 로그인 폼 taehyeon-smilestudy.tistory.com 만들고 싶은 폼 조건: 로그인 input에 이름을 입력하고 enter나 로그인 버튼을 눌렸을 때 로그인 폼은 사라지고 인사말이 나오며 인사말은 새로고침 해도 초기화되지 않는다. HOW? 1. 로그인 폼에서 submit 이벤트가 일어나면 로그인폼은 사라지고 사용자가 입력한 value는 로컬 스토리지에 저장하는 함수를 만들.. 2022. 7. 15. 이전 1 2 다음
