자바스크립트로 ul > span > 입력 값 추가

 

1. input의 value 값 새로운 변수newTodo에 저장

2. toDoInput.vlaue는 다음 입력을 위해서 "" 빈 값 추가

3. 화면 출력을 위해서 painTodo()함수 호출(입력 값 매개변수로 추가)

 

1. document.creatElemet()를 통해서 li, span 태그 생성

2. li.appendChild를 통해서 li > span 만들어주기

3. span 안에 입력 value 추가

4. id = todo-list에 li > span > value 값 추가

 

li > span > 입력 값 추가된 것 확인 가능