getPosts() loops through an array of posts, builds LIs and places them inside document.body. Works ok.
function getPosts(num){
let output ='';
posts.forEach((post, index)=>{
output += `<li>${post.title} (${num})</li>`;
});
document.body.innerHTML += output;
}
createPost() returns a promise which waits 3 seconds (to simulate client-server delay), adds a post to the array and resolves.
function createPost(post){
return new Promise((resolve, reject) => {
setTimeout(()=>{
posts.push(post);
const error = false;
if (error){
reject ('Error happened!');
}else{
resolve();
}
},3000);
});
}
The following works as expected. Three LIs are returned, with (undefined):
createPost ({title: 'Post Three', body: 'Post Three'})
.then(getPosts);
But when getPosts inside .then has a parameter, it is fired without waiting for promise to resolve:
createPost ({title: 'Post Three', body: 'Post Three'})
.then(getPosts(1));
Why?