JSFiddle - React, Tailwind, and code Playground

by alirokni

HTML

https://bitsofco.de/javascript-promises-101/ https://bitsofco.de/javascript-promises-102/

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); /* PROMISE RESOLVED */
      } else {
        reject(Error(req.statusText)); /* PROMISE REJECTED */
      }
    };

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

get("https://api.github.com/users/alirokni/repos")
  .then(function(response) {
    var resp = JSON.parse(response);
    for (var i in resp) {
      console.log(resp[i].name + " _ " + resp[i].homepage + " _ " + resp[i].description);
    }
  })
  .catch(function(err) {
    console.log("error" + err);
  });