Day31 : createElement, addEventListener

현재 todo-list의 결함은 수행 여부를 알 수 없는 것이다. 그러므로 수행한 일정에 대해서는 체크할 수 있는 버튼을 추가하자. 먼저 함수를 분리한다. 밑에 keyCodeCheck 함수는 입력창에 엔터키가 눌리고 내용이 있는지를 검사해서 그렇다면 위의 createTodo 함수를 실행시킨다. 입력된 할 일에 버튼을 추가할 것이기 때문에 태그 생성 메소드 createElement를 사용했다. createElement('생성할 태그') - tagName의 HTML 요소를 만들어 반환 할 일을 입력하면 button 태그가 생성되는 것을 확인했다. 새로운 버튼을 클릭했을 때 newLi 태그(li)에 담겨져 있는 이 요소에 어떠한 조작을 가하겠다. addEventListner('이벤트타입', 실행할 함수) - ..

2024.02.01