finish lab

chat.js

@@ -0,0 +1,47 @@
+$(document).ready(function() {
+    var socket;
+    var logElement = document.getElementById('chatlog');
+    var sendButton = document.getElementById('sendButton');
+    var closeButton = document.getElementById('closeButton');
+
+    function logMessage(message) {
+        logElement.value += message + '\n';
+    }
+
+    function connect() {
+        socket = new WebSocket("ws://webex.sdi.hevs.ch/chat");
+        socket.onopen = function() {
+            logMessage("Connected.");
+            sendButton.removeAttribute("disabled");
+            closeButton.textContent = "End";
+        };
+        socket.onmessage = function(msg) {
+            logMessage(msg.data);
+        };
+        socket.onclose = function() {
+            logMessage("Disconnected.");
+            sendButton.setAttribute("disabled", "true");
+            closeButton.textContent = "Reconnect";
+        };
+        socket.onerror = function() {
+            logMessage("Error.");
+        };
+
+    }
+
+
+    connect();
+
+    document.getElementById("sendButton").onclick = function() {
+        var msg = document.getElementById("msg").value;
+        socket.send(msg);
+        document.getElementById("msg").value = "";
+    };
+    document.getElementById("closeButton").onclick = function() {
+        if (socket.readyState === WebSocket.OPEN) {
+            socket.close();
+        } else {
+            connect();
+        }
+    };
+});