Notice
Recent Posts
Recent Comments
Link
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

개발공부일지

Javascript - comment 만들기 본문

Javascript

Javascript - comment 만들기

보람- 2023. 10. 15. 18:05
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}개`;
}

- 로컬스토리지에 길이만큼 작성된 댓글의 수를 보여주는것!