Untitled

<html>
<head>
    <title>Чатик короч</title>
    </head>
<body>
    <div id="chatWindow"></div>
    <form>
        <input type="text" id="textField" name="message"><input id="submitButton" type="submit" value="Send">
    </form>
<script>
    var socket = new WebSocket('ws://localhost:8080');
    var login = prompt("Enter the login: ");

    socket.onmessage = function (msg) {
        msg = JSON.parse(msg.data);

        var elem = document.createElement("p");
        elem.innerHTML = msg.login + ": " + msg.message;

        document.getElementById('chatWindow').appendChild(elem);
    };

    function sendMessage(e) {
        e.preventDefault();
        socket.send(JSON.stringify({ login: login, message: document.getElementById('textField').value }));
    }

    document.getElementById('submitButton').addEventListener('click', sendMessage, false);
</script>
</body>
</html>