Before

HTML:
<div id="console" class="panel">
    <div id="consoleWrap">
        <div id="history">
            <!-- Template:  (reference only)
            <div class="consoleLine">
                <span class="consoleID">Username</span>
                <span class="consoleText">Message</span>
                <span class="consoleTime">Timestamp</span>
            </div>
            -->
        </div>
        <div id="consoleInputWrap">
            <input type=text id="consoleInput">
        </div>
    </div>
</div>


<script>
function addConsoleMessage(name, message)
{
    $("#history").append('<div class="consoleLine"><span class="consoleID">' +
                            name +
                            '</span><span class="consoleText">' +
                            message +
                            '</span><span class="consoleTime">' +
                            (new Date()).toLocaleTimeString() +
                            '</span></div>');
    $("#history").scrollTop($("#history").prop("scrollHeight"));

    // Execute javascript on request
    if(message.toLowerCase().indexOf("/js ") == 0)
    {
        eval(message.substr(4));
    }
}

$(document).ready(function()
{
    var username = "me";

    $("#consoleInput").keyup(function(event){
        if(event.which == 13)
        {
            var text = $("#consoleInput").val().trim();
            $("#consoleInput").val("");
            if(text == "")
            {
                return;
            }

            addConsoleMessage(username, text);
        }
    });
});
</script>