arellano-gustavo/ws.html

## ws.html
<!DOCTYPE html>
<html>

<head>

    <title>Prueba de un cliente de un websocket</title>

    <script type="text/javascript">
        var webSocket = new WebSocket('wss://fstream.binance.com/ws/btcusdt@trade');

        webSocket.onerror = function(event) {
            alert(event.data);
        };
        webSocket.onopen = function(event) {
            document.getElementById('messages').innerHTML = 'New Connection established';
        };
        webSocket.onmessage = function(event) {
            document.getElementById('messages').innerHTML = event.data;
        };
    </script>

    <style type="text/css">
        #messages {
            height: 60px;
            width: 980px;
            border: 1px solid #ddd;
            background: #f1f1f1;
            overflow-y: scroll;
        }
    </style>

</head>

<body>
    <h1>Super Gus !!!</h1>
    <div id="messages"></div>
</body>

</html>
	<!DOCTYPE html>
	<html>

	<head>

	<title>Prueba de un cliente de un websocket</title>

	<script type="text/javascript">
	var webSocket = new WebSocket('wss://fstream.binance.com/ws/btcusdt@trade');

	webSocket.onerror = function(event) {
	alert(event.data);
	};
	webSocket.onopen = function(event) {
	document.getElementById('messages').innerHTML = 'New Connection established';
	};
	webSocket.onmessage = function(event) {
	document.getElementById('messages').innerHTML = event.data;
	};
	</script>

	<style type="text/css">
	#messages {
	height: 60px;
	width: 980px;
	border: 1px solid #ddd;
	background: #f1f1f1;
	overflow-y: scroll;
	}
	</style>

	</head>

	<body>
	<h1>Super Gus !!!</h1>
	<div id="messages"></div>
	</body>

	</html>