websocket/cliente.html at main · alejandro-castillo-delgado/websocket · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <title>Cliente Websockets</title>
</head>

<body>
    <input id=message><button id=enviar>Enviar</button>
    <div id=salida></div>

    <script>
        (function () {
            var ws = new WebSocket('ws://test-websocket-b69e.onrender.com:8080'),
                salida = document.getElementById('salida'),
                enviar = document.getElementById('enviar');
            function logStr(eventStr, message) {
                return '<div>' + eventStr + ': ' + message + '</div>';
            }
            enviar.addEventListener('click', function () {
                var message = document.getElementById('message').value;
                ws.send(message);
                salida.innerHTML += logStr('Enviado', message);
            });
            ws.onmessage = function (e) {
                salida.innerHTML += logStr('Recibido', e.data);
            };
            ws.onclose = function (e) {
                salida.innerHTML += logStr('Desconectado', e.code + '-' + e.type);
            };
            ws.onerror = function (e) {
                salida.innerHTML += logStr('Error', e.data);
            };
        }());
    </script>
</body>

</html>