JSFiddle - React, Tailwind, and code Playground

by Luiza CICONE

HTML

<pre id='jokes'>

</pre>

JavaScript

var api = 'http://api.icndb.com/jokes/random'

var httpGet = function(opts) {
  var deferred = $.Deferred();
  $.get(opts, deferred.resolve);
  return deferred.promise();
};

var jokes = [];
var firstJoke = null;
var secondJoke = null;

httpGet(api)
  .then(function(data) {
    firstJoke = data.value.joke;
    jokes.push(firstJoke);
    return httpGet(api);
  }).then(function(data) {
    console.log('first joke was: ' + firstJoke);
    secondJoke = data.value.joke;
    jokes.push(secondJoke);
    return httpGet(api)
  }).then(function(data) {
    console.log('second joke was: ' + secondJoke);
    jokes.push(data.value.joke);
    $('#jokes').html(jokes.join('\n\n'));
  });