JSFiddle - React, Tailwind, and code Playground

by KTastrophy

HTML

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <form id="login">
            <div>
                <label for="username">Username</label>
                <input id="username" name="username" type="text" />
            </div>
            <div>
                <label for="password">Password</label>
                <input id="password" name="password" type="password" />
            </div>
            <div>
                <input id="submit" name="submit" type="submit" value="Login" />
            </div>
        </form>
    </body>
    <script type="text/javascript">

    </script>
</html>

JavaScript

;(function() {
    "use strict";
    var login, user = {};
    login = document.getElementById("login");
    login.onsubmit = function(event) {
        event.preventDefault();
        user.username = document.getElementById("username").value;
        user.password = document.getElementById("password").value;

            /*
                use the username and password here to do
                a request over SSL using HTTP Auth for all
                future actions                       
            */
    }
}());