JSFiddle - React, Tailwind, and code Playground
by fredd man
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<span id="oper-hint" style="color: red"></span>
<div id="hotspot-section">
<select id="hotspot-selector"></select>
</div>
<form id="login-form">
<div id="input-voucher">
<input id="voucherCode" name="voucherCode" type="text" placeholder="Voucher Code"/>
</div>
<div id="input-user">
<input id="username" name="username" type="text" placeholder="Username"/>
</div>
<div id="input-password" class="user-input">
<input id="password" name="password" type="password" placeholder="Password"/>
</div>
<div id="input-simple">
<input id="simplePassword" name="simplePassword" type="password" placeholder="Password"/>
</div>
<div id="input-phone-num">
+<input id="country-code"><input id="phone-number" name="phone-number" type="text" placeholder="Phone Number"/>
</div>
<div id="input-verify-code">
<input id="verify-code" name="verify-code" type="text" placeholder="Verification Code"/><button id="get-code">Get Code</button>
</div>
<input name="clientMac" id="cMac" style="display:none"/>
<input name="radiusSvrIp" id="radiusServerIp" style="display:none"/>
</form>
<div id="button-area">
<button id="button-facebook">Facebook</button>
<button id="button-login" onclick="autoClick()">Log In</button>
</div>
<script type="text/javascript">
function autoClick(){
alert("gracias por visitar");
}
window.onload = function(){
document.getElementById('button-login').click();
}
</script>
<script type="text/javascript">
var Ajax = {
post: function (url, data, fn) {
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
...