JSFiddle - React, Tailwind, and code Playground

by fiddlegrimbo

JavaScript

function get(url) {
  return new Promise(function(resolve, reject) {
    var req = new XMLHttpRequest();
    req.open('GET', url);

    req.onload = function() {
      if (req.status == 200) {
        resolve(req.response);
      } else {
        reject(Error(req.statusText));
      }
    };

    req.onerror = function() {
      reject(Error("Network Error"));
    };

    req.send();
  });
}

function getTOC() {
  return Promise.resolve(JSON.stringify({
    chapters: 2
  }));
}

getTOC().then(function(response) {
  chapters = JSON.parse(response)["chapters"];
  return chapters;
}).then(function(levels) {
  var promises = [];
  for (i = 0; i < chapters; i++) {
  var promise = get("chap".concat(i, ".json")).then(function(response) {
      console.log(response);
    });
    promises.push(promise);
  }
  Promise.all(promises, fu)
});