promise-chain.js

function grabber(resource, fakeStatus) {
  return new Promise((resolve, reject) => {
    window.setTimeout(() => {
      if (fakeStatus === 200) {
        resolve(`load ${resource}`)
      } else {
        reject("Error")
      }
    }, 3000);
  });
}
grabber("article1", 200)
  .then((result) => {
    console.log(result);
    return grabber("comments", 200)
  })
  .then((result) => {
    console.log(result)
    console.log("All loaded!")
  })
  .catch((result) => console.log(result, "there was an issue"))
console.log("The page assets we don't want to reload");
// LOG: The page assets we don't want to reload
** 3 seconds **
// LOG: load article1
** 3 seconds **
// LOG: load comments
// LOG19 All loaded!