JSFiddle - React, Tailwind, and code Playground

by salman

HTML

<p class="ui-widget ui-widget-content ui-corner-all"><span style="float: left;" class="ui-icon ui-icon-info"></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pretium pellentesque placerat. Donec lacinia dictum orci, ac ultrices orci molestie sit amet.</p>
<br/>
<p class="ui-widget ui-widget-content ui-corner-all"><span style="float: left;" class="ui-icon ui-icon-info"></span>Phasellus tempus facilisis libero, a sollicitudin metus vehicula sit amet. Aenean fermentum arcu non lacus consectetur non semper ligula commodo. Nulla lectus lectus, vulputate vitae dignissim nec, auctor quis lectus.</p>
<br/>
<input type="button" value="Click the button to load a random theme" onclick="test()">

JavaScript

var css = [
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/black-tie/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/blitzer/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/cupertino/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/dot-luv/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/excite-bike/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/hot-sneaks/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/humanity/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/mint-choc/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/redmond/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/smoothness/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/south-street/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/start/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/swanky-purse/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/trontastic/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/ui-darkness/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/ui-lightness/jquery-ui.css",
    "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/vader/jquery-ui.css"
    ];

function test() {
    var s = document.createElement("link");
    s.type = "text/css";
    s.rel = "stylesheet";
    s.href = css[Math.floor(Math.random() * css.length)] + "?param-for-no-cache=" + Math.random();
    document.getElementsByTagName("head")[0].appendChild(s);
    window.setTimeout(aftermath, 2000);
}

function aftermath() {
    var index =...