1. document.creatElement로 버튼 생성 -> x 텍스트 추가 -> 이벤트 리스너 추가
2. deleteTodo()호출
3. 클릭한 x의 입력한 텍스트의 부모인 li를 찾는다
- li를 찾는 이유 li > span > 텍스트 이기 때문에 li를 통째로 지워야함
4. 삭제
5. li.appendChild(button)을 통해서 html 파일 수정
※ const li = event.target.parentElement.innerText; : innerText는 해당 element안의 text 값입니다.
x버튼 누르면 텍스트 삭제
'웹 개발 > 기초' 카테고리의 다른 글
| DOM 조작하기 (0) | 2021.09.23 |
|---|---|
| gitbub - Repositories 생성, commit 하기 (0) | 2021.09.12 |
| 자바스크립트로 ul > span > 입력 값 추가 (0) | 2021.08.22 |
| 랜덤값 뽑기 / 자바스크립트에서 HTML 태그 생성 (0) | 2021.08.20 |
| Date 객체를 통해 현재 시간 출력하기 (0) | 2021.08.19 |
없던 버튼 만들기, 텍스트 삭제하기