개발공부일지
Javascript - comment 만들기 본문
form.addEventListener("submit", (e) => { e.preventDefault(); renderComments(); form.reset(); });
- preventDefault()
- form.reset() : form안에 내용을 적었고 submit을 한다음엔 form안에 작성한내용을 지워주는것
elem.addEventListener("click", (e) => { const idElem = e.target.closest(".comment_row").querySelector(".id"); });
- closest
function counter() { const comments = document.querySelector(".count"); const total = localStorage.length ? localStorage.length - 1 : 0; comments.innerHTML = `댓글 ${total}개`; }
- 로컬스토리지에 길이만큼 작성된 댓글의 수를 보여주는것!
'Javascript' 카테고리의 다른 글
Javascript - Comment 구현하기 2 (0) | 2023.10.17 |
---|---|
Javascript - Comment 구현하기 (0) | 2023.10.16 |
Javascript - 일급함수, 고차함수, Set객체, Symbol, iterator, iterable, map함수 (0) | 2023.08.29 |
Javascript - 모듈과 Class, 로컬스토리지를 활용하여 Board 만들기 ② write의 데이터 저장해서 view에서 보여주기 (0) | 2023.08.10 |
Javascript - 모듈과 Class, 로컬스토리지를 활용하여 Board 만들기 ① 게시판의 형태를 만들고 로컬스토리지에 데이터 저장 (0) | 2023.08.09 |