rewrite with wss

html/logic.js

@@ -1,6 +1,6 @@
 var serverAddress = document.getElementById("server-address").value;
 var serverPort = document.getElementById("server-port").value
-var socket = new WebSocket(`ws://${serverAddress}:${serverPort}`);
+var socket//new WebSocket(`wss://${serverAddress}:${serverPort}`);
 
 var canvas = document.getElementById("board");
 var colorInput = document.getElementById("color");
@@ -26,11 +26,12 @@ function drawTimer() {
 }
 
 function connect() {
-    socket.close();
+//    socket.close();
     serverAddress = document.getElementById("server-address").value;
     serverPort = document.getElementById("server-port").value
     console.log(`Connecting ${serverAddress}:${serverPort}`)
-    socket = new WebSocket(`ws://${serverAddress}:${serverPort}`)
+    socket = new WebSocket(`wss://${serverAddress}:${serverPort}`)
+    // socket = new WebSocket(`wss://127.0.0.1:8080`)
     timer.textContent="Board is loading, please wait";
     socket.addEventListener("open", (event) => {
         socket.send("{\"code\":0}");
@@ -297,4 +298,4 @@ function trackTransforms(ctx){
         pt.x=x; pt.y=y;
         return pt.matrixTransform(xform.inverse());
     }
-}
+}