JSFiddle - React, Tailwind, and code Playground

by justindeal

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.22.2/es6-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/superagent/0.15.7/superagent.min.js"></script>

JavaScript

var randomImage = function (tag, cb) {
    var res = superagent
        .get('http://api.giphy.com/v1/gifs/random')
        .query({tag: tag, rating: 'g', api_key: 'dc6zaTOxFJmzC'})
        .set("X-Requested-With", null)
        .end(function (res) {
            cb(res.body.data.image_original_url);
        });
};

randomImage('funny cat', function (catImage) {
    randomImage('funny dog', function (dogImage) {
        document.body.innerHTML =
            '<img src="' + catImage + '"/>' +
            '<img src="' + dogImage + '"/>';
    });
});