From a5eb22ae5aa69a2d039eccf3f37b89111cd75eed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kevin=20Midb=C3=B8e?= <kevin.midboe@gmail.com>
Date: Sun, 12 Aug 2018 17:13:07 +0200
Subject: [PATCH] Updated example to also send name to server and displaying
 response.

---
 index.html | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c8300f7
--- /dev/null
+++ b/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>WebSocket demo</title>
+    </head>
+    <body>
+        <span>Message from server: </span>
+
+        <script>
+            let ws = new WebSocket("ws://localhost:8765/")
+            let test = 'hello'
+            ws.onopen = function (event) {
+                ws.send("Kevin");
+            }
+            ws.onerror = function() {
+                console.error("error");
+            }
+            ws.onclose = function() {
+                console.log("closed");
+            }
+            ws.onmessage = function (event) {
+                let server_resp = event.data;
+                document.getElementsByTagName('span')[0].innerHTML += server_resp;
+            }
+        </script>
+        <script>
+            let ws_time = new WebSocket("ws://localhost:5678/"),
+                messages = document.createElement('ul');
+            ws_time.onmessage = function (event) {
+                let messages = document.getElementsByTagName('ul')[0],
+                    message = document.createElement('li'),
+                    content = document.createTextNode(event.data);
+                message.appendChild(content);
+                messages.appendChild(message);
+            };
+            document.body.appendChild(messages);
+        </script>
+    </body>
+</html>
\ No newline at end of file
