`;
main.appendChild(submitForm);
let postButton=submitForm.querySelector("button");
console.log(postButton)
let nameArea=document.getElementById("comment");
let userInput=document.getElementById("username");
postButton.addEventListener("click", function(e){
e.preventDefault();
postComment()
})
function postComment(){
let commentText=nameArea.value;
let author=userInput.value;
let newComment={commentAuthor:author, text:commentText, postId}
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");
var raw = JSON.stringify(newComment);
var requestOptions = {
method: 'POST',
headers: myHeaders,
body: raw,
redirect: 'follow'
};
fetch("http://localhost:3030/jsonstore/collections/myboard/comments", requestOptions)
.then(response => response.json())
.then(result => getAllComments())
.catch(error => console.log('error', error));
}
function getAllComments(){
var requestOptions = {
method: 'GET',
redirect: 'follow'
};
fetch("http://localhost:3030/jsonstore/collections/myboard/comments", requestOptions)
.then(response => response.json())
.then(result => filterComments(result))
.catch(error => console.log('error', error));
}
function filterComments(data){
let arr=Object.values(data);
let filteredArr=arr.filter(a=>a.postId==postId);
main.innerHTML="";
main.appendChild(topicContainer);
filteredArr.forEach(c => {
renderComment(c)
});
main.appendChild(submitForm)
}
function renderComment(data){
let newCommentDiv=document.createElement("div");
newCommentDiv.className="comment";
newCommentDiv.innerHTML=`
`
nameArea.value="";
userInput.value="";
main.appendChild(newCommentDiv);
}
}
