hockeyclient.html

<!DOCTYPE HTML>
<html>
<head>
	<title>NodeHockey</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript" src="client.js"></script>

	<style type='text/css'>
		#hockeytable {
			float : left;
		}

		#servermessage {
			height : 400px;
			overflow : auto;
		}
	</style>

</head>
<body>
	<canvas id="hockeytable" width="300" height="400">This browser does not support the &lt;canvas&gt; tag.</canvas>

	<div id="servermessage">&nbsp;</div>
	<div>
		<label for="server">Server:</label>
		<input id="server" type="text" value="localhost">
		<label for="port">Port:</label>
		<input id="port" type="text" value="8080">
		<button id="connect">Connect</button>
	</div>
</body>
</html>