promise fiddle request page

by Jared Meadows

HTML

<pre id="console-log"></pre>

JavaScript

console = {
    log: (text) => {
    		const myDiv = document.createTextNode(text + '\n');
    		document.getElementById('console-log').append(myDiv);
        //$("#console-log").append($(consoleLine).html(text));
    }
};//*/

async function makeRequest (method, url) {
  //return new Promise(function (resolve, reject) {
  	return new Promise(function (resolve, reject) {
      var xhr = new XMLHttpRequest();
      xhr.open(method, url);
      xhr.onload = function () {
				debugger
        if (false) { //if (this.status >= 200 && this.status < 300) {
          resolve(xhr.response);
        } else {
          reject({
            status: this.status,
            statusText: xhr.statusText
          });
        }
      };
      xhr.onerror = function () {
        reject({
          status: this.status,
          statusText: xhr.statusText
        });
      };
      xhr.send();
  });
}

// Example:
//console.clear();
console.log('before promise');
makeRequest('GET', 'https://fiddle.jshell.net')
.then(function (datums) {
  console.log(datums.slice(0,190));
})
.catch(function (err) {
  console.log('Augh, there was an error!<br>' + err.statusText);
});
console.log('after promise');