JSFiddle - React, Tailwind, and code Playground

by Gerald Gillespie

JavaScript

javascript: (function(e, a, v, h, j, f, c, b, d) {
    g = v();
    if (!(f = e.jQuery) || g > f.fn.jquery || h(f, j)) {
        c = a.createElement("script");
        c.type = "text/javascript";
        c.src = "http://ajax.googleapis.com/ajax/libs/jquery/" + g + "/jquery.min.js";
        c.onload = c.onreadystatechange = function() {
            if (!b && (!(d = this.readyState) || d == "loaded" || d == "complete")) {
                h((f = e.jQuery).noConflict(), j, b = 1);
                f(c).remove()
            }
        };
        a.documentElement.childNodes[0].appendChild(c)
    }
})(window, document, function() {
    return prompt('What jQuery Version do you want? (1 for latest)', '1');
}, function($, j, L) {
    console.log('loaded jquery version: ' + $.fn.jquery);
    s = prompt('where is your script', 
       'https://support.kace.com/jkuery/www/js/demo2.js' // demo script pre-stored at an internet accessible location
    );
    $.getScript(s, function() {
        $.noConflict(j()); // optionally unload jQuery from global namespace        
        $.demo();          // YOUR CODE HERE IF NEEDED
    }).fail(function(jqxhr, settings, exception) {
        console.log('your script failed to load: ' + exception);
        alert('your script failed to load: ' + exception);
    }); //end get script
}, function(z) {
    z = z ? 'y' : 'n';
    return (prompt('do you want to unload jQuery from the global namespace? y/n', z).toLowerCase() == z) ? true : false;
});