JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://crypto-js.googlecode.com/svn/tags/3.0.2/build/rollups/md5.js"></script>
<h3>Now you can play Galcon Flash with a real registered account for free!</h3>

<hr/>
<p>Do the following steps:
    <ol>
        <li>Register your account on official Galcon forum: <a href="http://www.galcon.com/forums/login/new.php" target="_blank">http://www.galcon.com/forums/login/new.php</a></li>
        <li>Type your username and password:
            <p>
                <input type="text" placeholder="Username" id="username" class="input" />
                <br/>
                <input type="text" placeholder="Password" id="password" class="input" />
            </p>
        </li>
        <li>Always use this address to play Galcon: <a href="" id="url" target="_blank"></a><br/>
            <p style="font-size: 0.8em; color: #7f7f7f;">The address will appear when you type username and password.
                <br/>Tip: You can copy it and save somewhere. For example add save it to your browser's bookmarks.</p>
        </li>
        <li>
            Enjoy the game! :)
            <br/>
            And don't forget to share this link with your friends: <a href="http://goo.gl/kJCPn1">http://goo.gl/kJCPn1</a>.
        </li>
    </ol>
    <hr/>
    <p>
         <h3>Advantages of having regular account</h3>

        <ul>
            <li>The rest of the players are noobs, whereas you are a Pro. The rest of the players will envy and respect you!</li>
            <li>Your achievemnts are taking part of the Online Ranks: <a href="http://www.galcon.com/flash/ranks.php" target="_blank">http://www.galcon.com/flash/ranks.php</a>. It is very honorable to have high rank.</li>
            <li>You will be able to change colors using <code>/color red</code> command. Try it in the chat.</li>
            <li>Your account's flag in the list of the players will represent your skill. The more noobs you defeat the better rank you get. So you gain double respect in the community.</li>
      ...

JavaScript

function url(user, password) {
    var token = CryptoJS.MD5(user + '|' + CryptoJS.MD5(password));
    return 'http://www.galcon.com/flash/out3.swf?gc_auto=1&gc_reg=1&gc_multi=1&gc_name=' + user + '&gc_token=' + token;
}

$(".input").keyup(function () {
    try {
        var username = $('#username').val();
        var password = $('#password').val();
        var result = url(username, password);
        $('#url').attr('href', result);
        $('#url').text(result);
    } catch (e) {
        console.log(e);
    }
});