jean-lourenco/index.html

## index.html
<html>
	<head>
		<title>r/place clone</title>
	</head>
	<body>
		<input type="text" value="" id="message" />
		<input type="button" value="Send" onclick="send()" />

		<div id="container"></div>

		<script>
			var ws = new WebSocket('ws://localhost:5001/ws');
			var messageInput = document.getElementById('message');
			var container = document.getElementById('container');
			var wsOpen = false;

			ws.onopen = (event) => {
				wsOpen = true;
				console.log('connection opened');
			}

			ws.onclose = (event) => {
				wsOpen = false;
				console.log('connection closed!');
			}

			ws.onmessage = (event) => {
				container.innerHTML += '<div>' + event.data + '</div>';
			}

			function send() {
				if (wsOpen) {
					ws.send(messageInput.value);
				}
			}

		</script>
	</body>
</html>
	<html>
	<head>
	<title>r/place clone</title>
	</head>
	<body>
	<input type="text" value="" id="message" />
	<input type="button" value="Send" onclick="send()" />

	<div id="container"></div>

	<script>
	var ws = new WebSocket('ws://localhost:5001/ws');
	var messageInput = document.getElementById('message');
	var container = document.getElementById('container');
	var wsOpen = false;

	ws.onopen = (event) => {
	wsOpen = true;
	console.log('connection opened');
	}

	ws.onclose = (event) => {
	wsOpen = false;
	console.log('connection closed!');
	}

	ws.onmessage = (event) => {
	container.innerHTML += '<div>' + event.data + '</div>';
	}

	function send() {
	if (wsOpen) {
	ws.send(messageInput.value);
	}
	}

	</script>
	</body>
	</html>