Untitled

<html ng-app="app">
<head>
    <script type="text/javascript">

    var myWebSocket;


    function connectToWS() {
        var endpoint = document.getElementById("endpoint").value;
        if (myWebSocket !== undefined) {
            myWebSocket.close()
        }

        myWebSocket = new WebSocket(endpoint);

        myWebSocket.onmessage = function(event) {
            var msg = event.data;
            var messages = document.getElementById("messages");
            messages.innerHTML = messages.innerHTML + "<br>" + msg;
        }

        myWebSocket.onopen = function(evt) {
            console.log("onopen.");
        };

        myWebSocket.onclose = function(evt) {
            console.log("onclose.");
        };

        myWebSocket.onerror = function(evt) {
            console.log("Error!");
        };
    }

    function closeConn() {
        myWebSocket.close();
    }

    </script>
</head>
<body>

    <form>
        connection to: <input type="text" id="endpoint" name="endpoint" value="ws://echo.websocket.org"  style="width: 200px" ><br>
    </form>

    <input type="button" onclick="connectToWS()" value="connect to WebSocket endpoint" /><br><br>

    <div id="messages">

    </div>

</body>
</html>