Untitled

vertxhandler.js

window.onload = function () {
    var eventBus = new vertx.EventBus("http://localhost:8080/chat");
    var userName = document.querySelector("input[name=userName]");
    var password = document.querySelector("input[name=password]");
    var userListContainer = document.getElementById("userListContainer");
    var chatContainer = document.getElementById("chatContainer");
    var chatHistory = document.getElementById("chatHistory");
    var newChat = document.getElementById("newChat");

    eventBus.onopen = function () {
        eventBus.registerHandler("users/signedIn", function (message) {
            userListContainer.innerHTML += message.userName + " signed in<br/>";
        });
        document.getElementById("signIn").addEventListener("click", function (event) {
            eventBus.send("users/signIn", {
                userName: userName.value, password: password
            }, function (reply) {
                if (reply.status === 200) {
                    userName.disabled = true;
                    event.target.disabled = true;
                    chatContainer.classList.remove("hidden");

                    document.getElementById("sendChat").addEventListener("click", function () {
                        var text = newChat.value;
                        if (text.substring(0, 1) === ".") {
                            var args = text.split(' ');
                            eventBus.send("commands/perform", {
                                userName: userName.value,
                                command: args[0],
                                arg1: args[1]
                            });
                        }
                        eventBus.send("messages/post", {
                            userName: userName.value,
                            text: text
                        });
                        newChat.value = "";
                    }, false);

                    eventBus.registerHandler("messages/posted", function (message) {
                        chatHistory.innerHTML += message.userName + ": " + message.text + "<br/>";
                    });
                }
            });
        }, false);

    };
};

---------------------------------------------------------------------------
index.html

                                                                                                 <!DOCTYPE html>
<html>
  <script src="http://cdn.sockjs.org/sockjs-0.3.4.min.js"></script>
  <script src="vertxbus.min.js"></script>
  <script src="vertxhandler.js"></script>
  <style>
    .hidden {
      display: none;
    }
  </style>
  <body>
    <h1>Vertx Chat</h1>

    <div id="signInContainer">
      <h2>Sign in</h2>
      <p>
        Name: <input type="text" name="userName" /> <br></br>
        Password: <input type="text" name="password" /> <button id="signIn">Start chatting</button>
      </p><br></br>
    </div>

    <div id="userListContainer"></div>

    <div id="chatContainer" class="hidden">
      <h2>Chat</h2>
      <div id="chatHistory"></div>
      <input type="text" id="newChat" /> <button id="sendChat">Send</button>
    </div>
  </body>
</html>