added online

html/logic.js

@@ -6,6 +6,7 @@ var canvas = document.getElementById("board");
 var colorInput = document.getElementById("color");
 var canvasHidden = document.getElementById("hidden");
 var timer = document.getElementById("timer");
+var online = document.getElementById("online");
 
 var ctx = canvas.getContext("2d");
 var ctx2 = canvasHidden.getContext("2d");
@@ -28,6 +29,7 @@ function drawTimer() {
 function connect() {
 //    socket.close();
     const handler = (event) => {
+        console.log(event.data)
         event.data.text().then(function(packet){
             packet = JSON.parse(packet)
             let code = packet.code
@@ -60,6 +62,10 @@ function connect() {
                     drawPixel(contentJson.x * 4, contentJson.y * 4, color)
                     redraw();
                 break;
+                case 2:
+                    online.textContent = packet.online;
+                    console.log(`Online: ${packet.online}`);
+                break;
                 case undefined:
                     console.log("ping!");
                 break