JSFiddle - React, Tailwind, and code Playground

by mikfidde

HTML

<form class="x-panel-body x-panel-body-noheader x-form" method="POST" id="loginForm" style="width: 340px; height: 490px;" autocomplete="off">
<div class=" logo-img x-abs-layout-item"></div>
<div class=" focus-img x-hide-display x-abs-layout-item"></div>
<input type="text" size="20" autocomplete="off" id="account" name="user" class="x-form-text x-form-field account-field x-abs-layout-item " maxlength="" autocapitalize="off" tabIndex="1" >
<div id="accountMask" qStrId="LDAP_SERVER_STR12" class="qStr account-field x-abs-layout-item mask-msg"></div>
<input type="password" size="20" autocomplete="off" id="pwd" name="pwd" class="x-form-text x-form-field password-field x-abs-layout-item" maxlength="" tabIndex="2" >
<div id="pwdMask" qStrId="QUICK04_STR09" class="qStr password-field x-abs-layout-item mask-msg"></div>
<table id="loginBtn" cellspacing="0" class="x-btn none-bg-btn enter-btn x-btn-noicon x-abs-layout-item">
<tbody class="x-btn-small x-btn-icon-small-left">
<tr>
<td class="x-btn-tl"><i>&nbsp;</i></td>
<td class="x-btn-tc"></td>
<td class="x-btn-tr"><i>&nbsp;</i></td>
</tr>
<tr>
<td class="x-btn-ml"><i>&nbsp;</i></td>
<td class="x-btn-mc">
<em class="" unselectable="on"><button type="button" style="" class=" x-btn-text">&nbsp;</button></em>
</td>
<td class="x-btn-mr"><i>&nbsp;</i></td>
</tr>
<tr>
<td class="x-btn-bl"><i>&nbsp;</i></td>
<td class="x-btn-bc"></td>
<td class="x-btn-br"><i>&nbsp;</i></td>
</tr>
</tbody>
</table>
<table id="rememStatus" cellspacing="0" class="x-btn none-bg-btn rember-btn check-btn x-abs-layout-item x-btn-noicon" style="width: auto;">
<tbody class="x-btn-small x-btn-icon-small-left">
<tr>
<td class="x-btn-tl"><i>&nbsp;</i></td>
<td class="x-btn-tc"></td>
<td class="x-btn-tr"><i>&nbsp;</i></td>
</tr>
<tr>
<td class="x-btn-ml"><i>&nbsp;</i></td>
<td class="x-btn-mc">
<em class="" unselectable="on"><button type="button" qStrId="QTS_REMEMBER_ME" style="" class="qStr x-btn-text"></button></em>
</td>
<td...

JavaScript

if (typeof JSON !== "object") {
    JSON = {}
}(function() {
    function f(n) {
        return n < 10 ? "0" + n : n
    }
    if (typeof Date.prototype.toJSON !== "function") {
        Date.prototype.toJSON = function(key) {
            return isFinite(this.valueOf()) ? this.getUTCFullYear() + "-" + f(this.getUTCMonth() + 1) + "-" + f(this.getUTCDate()) + "T" + f(this.getUTCHours()) + ":" + f(this.getUTCMinutes()) + ":" + f(this.getUTCSeconds()) + "Z" : null
        };
        String.prototype.toJSON = Number.prototype.toJSON = Boolean.prototype.toJSON = function(key) {
            return this.valueOf()
        }
    }
    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
        gap, indent, meta = {
            "\b": "\\b",
            "\t": "\\t",
            "\n": "\\n",
            "\f": "\\f",
            "\r": "\\r",
            '"': '\\"',
            "\\": "\\\\"
        },
        rep;

    function quote(string) {
        escapable.lastIndex = 0;
        return escapable.test(string) ? '"' + string.replace(escapable, function(a) {
            var c = meta[a];
            return typeof c === "string" ? c : "\\u" + ("0000" + a.charCodeAt(0).toString(16)).slice(-4)
        }) + '"' : '"' + string + '"'
    }

    function str(key, holder) {
        var i, k, v, length, mind = gap,
            partial, value = holder[key];
        if (value && typeof value === "object" && typeof value.toJSON === "function") {
            value = value.toJSON(key)
        }
        if (typeof rep === "function") {
            value = rep.call(holder, key, value)
        }
        switch (typeof value) {
            case "string":
                return quote(value);
            case "number":
                return isFinite(value) ? String(value) : "null";
         ...