import axios from "axios"; let deleteButton = document.querySelectorAll(".video__comments-list button"); async function handleClick(event) { event.preventDefault(); let commentId = event.target.id; await axios({ url: `/api/${commentId}/delete-comment`, method: "POST" }); event.target.parentNode.remove(); } function init() { deleteButton.forEach(function(el) { el.addEventListener("click", handleClick); }); } if (deleteButton) { init(); }

5

4

3

2

1

옆에 있는 x 버튼을 누르면 li를 삭제 할려고 합니다.

처음 눌렸을땐 아무 반응이 없는데

새로 고침 후 다시 눌려보면 정상적으로 삭제가 됩니다.

어떻게 수정해야 바로 삭제되게 고칠 수 있을까요?