jeffotoni/client.html

## client.html
<html>
<head></head>
<body>
    <script type="text/javascript">
        var sock = null;
        var wsuri = "ws://localhost:1234/chat";

        window.onload = function() {
            console.log("onload");
            sock = new WebSocket(wsuri);
            sock.onopen = function() {
                console.log("connected to " + wsuri);
                document.getElementById("connect").innerHTML = "online"
            }
            sock.onclose = function(e) {
                console.log("connection closed (" + e.code + ")");
            }
            sock.onmessage = function(e) {
                console.log("message received: " + e.data);
                document.getElementById('msg-server').value = e.data
            }
        };
        function send() {
            var msg = document.getElementById('message').value;
            sock.send(msg);
        };
    </script>

    <h1>WebSocket Echo Test</h1>
    <h3>Status: <span style="color:green" id="connect">off line</span></h3>
    <form>
        <p>
            Message: <input id="message" type="text" value="Hello, world, I'm golang!" size="60">
        </p>
    </form>
    <button onclick="send();">Send Message</button>

    <h1>Server</h1>
    Message server: <input id="msg-server" type="text" value="" size="60">
</body>
</html>
	<html>
	<head></head>
	<body>
	<script type="text/javascript">
	var sock = null;
	var wsuri = "ws://localhost:1234/chat";

	window.onload = function() {
	console.log("onload");
	sock = new WebSocket(wsuri);
	sock.onopen = function() {
	console.log("connected to " + wsuri);
	document.getElementById("connect").innerHTML = "online"
	}
	sock.onclose = function(e) {
	console.log("connection closed (" + e.code + ")");
	}
	sock.onmessage = function(e) {
	console.log("message received: " + e.data);
	document.getElementById('msg-server').value = e.data
	}
	};
	function send() {
	var msg = document.getElementById('message').value;
	sock.send(msg);
	};
	</script>

	<h1>WebSocket Echo Test</h1>
	<h3>Status: <span style="color:green" id="connect">off line</span></h3>
	<form>
	<p>
	Message: <input id="message" type="text" value="Hello, world, I'm golang!" size="60">
	</p>
	</form>
	<button onclick="send();">Send Message</button>

	<h1>Server</h1>
	Message server: <input id="msg-server" type="text" value="" size="60">
	</body>
	</html>