It seems that the submit event function is executed twice while creating the personal project comment function. The vm729 comment.js file floating in the developer tools seems to be the problem. This is the code in the comment.js file.
import 'regenerator-runtime';
const detailContainer = document.querySelector('.detail__container');
const form = document.getElementById('commentForm');
const textarea = form.querySelector('textarea');
const button = form.querySelector('button');
async function handleSubmit(event) {
event.preventDefault();
const text = textarea.value;
if (text === '') {
return;
}
const { cafeid } = detailContainer.dataset;
const response = await fetch(`/comments/cafes/${cafeid}`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ text }),
});
console.log(response);
textarea.value = '';
}
form.addEventListener('submit', handleSubmit);