sockettest.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      const socket = new WebSocket("ws://localhost:5000/chat");

      socket.onopen = function (e) {
        console.log("Connection established");
      };

      socket.onmessage = function (event) {
        console.log(`Data received from server: ${event.data}`);
      };

      socket.onclose = function (event) {
        if (event.wasClean) {
          console.log(
            `Connection closed cleanly, code=${event.code} reason=${event.reason}`
          );
        } else {
          console.log("Connection died");
        }
      };

      socket.onerror = function (error) {
        console.log(`[error] ${error.message}`);
      };
    </script>
  </head>
  <body></body>
</html>