Untitled

bebo231312312321

Oct 27th, 2024

Never

Add comment

Not a member of Pastebin yet? Sign Up, it unlocks many cool features!

JavaScript 1.78 KB | None | 0 0

raw download clone embed print report

function attachEvents() {
const [postBtn, posts, viewBtn, comments] = ['#btnLoadPosts', '#posts', "#btnViewPost", '#post-comments']
.map(sel => document.querySelector(sel))
postBtn.addEventListener('click', onPost)
viewBtn.addEventListener('click', onView)
let postbody = '';
async function onPost(e) {
const response = await fetch(`http://localhost:3030/jsonstore/blog/posts`);
const data = await response.json();
posts.innerHTML = "";
Object.entries(data).forEach(([key, value]) => {
let optionElement = document.createElement('option');
optionElement.value = key
optionElement.textContent = value.title
posts.appendChild(optionElement)
postbody = value.body
})
}
async function onView(e) {
let select = [...posts.children].find((x) => x.selected == true)
const [res, comment] = await Promise.all([
fetch(`http://localhost:3030/jsonstore/blog/posts/${select.value}`),
fetch(`http://localhost:3030/jsonstore/blog/comments`)
]);
const data = await res.json();
comments.innerHTML = "";
let postTitle = posts.querySelector("option:checked");
document.getElementById('post-title').textContent = postTitle.textContent;
document.getElementById('post-body').textContent = postbody
const dataComments = await comment.json();
Object.values(dataComments).forEach((el) => {
if (data.id == el.postId) {
let li = document.createElement('li')
li.textContent = el.text
li.id = el.id
comments.appendChild(li);
}
});
}
}
attachEvents();

Add Comment

Please, Sign In to add comment