JSFiddle - React, Tailwind, and code Playground
HTML
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<base target="_blank">
<style type="text/css">
#fullPage { visibility: hidden; }
</style>
<script src="js/lib/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js/webuiconfig.js" type="text/javascript"></script>
<script src="js/JsIncludesRepo.js" type="text/javascript"></script>
<script src="js/WebUIProductName.js" type="text/javascript"></script>
<script type="text/javascript">
var scriptQueue = [];
jQuery.extend( {
getScript: function(url, callback) {
callback = callback || $.noop;
function appendScript(url, callback) {
if ($('script[src="' + url + '"]').length > 0) {
callback();
return;
}
var head = document.getElementsByTagName("head")[0],
script = document.createElement('script');
script.src = url;
script.type = 'text/javascript';
if (script.readyState && script.onload!==null) {
script.onreadystatechange = function() {
if ( script.readyState === "loaded" || script.readyState === "complete" ) {
script.onreadystatechange = null;
callback();
}
};
} else {
script.onload = callback;
}
head.appendChild(script);
}
function addScriptToHead(){
var scriptItem = scriptQueue[0];
appendScript(scriptItem.url, function () {
scriptItem.callback();
scriptQueue.shift();
if(scriptQueue.length >...