From 50c73ea203cf6bade2fa33f0ab7b0474d4b3a145 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:29:59 +0200
Subject: [PATCH] Updated with text input field.

---
 index.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index c8300f7..2e17822 100644
--- a/index.html
+++ b/index.html
@@ -4,13 +4,18 @@
         <title>WebSocket demo</title>
     </head>
     <body>
+        <input placeholder="Your name here"></input>
+        <button onclick="sendMessage()">Send message</button>
+        <br />
         <span>Message from server: </span>
+        <span id="response"></span>
 
         <script>
+        function sendMessage() {
             let ws = new WebSocket("ws://localhost:8765/")
             let test = 'hello'
             ws.onopen = function (event) {
-                ws.send("Kevin");
+                ws.send(document.getElementsByTagName('input')[0].value);
             }
             ws.onerror = function() {
                 console.error("error");
@@ -20,8 +25,9 @@
             }
             ws.onmessage = function (event) {
                 let server_resp = event.data;
-                document.getElementsByTagName('span')[0].innerHTML += server_resp;
-            }
+                document.getElementById('response').textContent= server_resp;
+            }   
+        }
         </script>
         <script>
             let ws_time = new WebSocket("ws://localhost:5678/"),
