JSFiddle - React, Tailwind, and code Playground

by Hui Zheng

JavaScript

var promise = new Promise(function(resolve,reject){
  var request = new XMLHttpRequest();
  request.open('GET', 'http://api.icndb.com/jokes/random');
  
  request.onload = function() {
    if (request.status === 200) {
      resolve(request.response);
    } else {
      reject(Error(request.statusText));
    }
  };
  request.onerror = function() {
    reject(Error("Error fetching data."));
  };

  request.send();
});
    
console.log('Asynchronous request made.');

promise.then(function(data) {
    console.log('Got data! Promise fulfilled.'+ data);
    document.getElementsByTagName('body')[0].textContent=JSON.parse(data).value.joke;
}, function(error){
    console.log('Promise rejected.');
    console.log(error.message);
});