<html>
<body>
<div id="data"></div>
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
<script>
    let socket = new WebSocket("ws://localhost:5000/echo");
    socket.onopen = function(e) {
      console.log("connection established");
      socket.send("Hello World");
      setInterval(function () {socket.send("hello " + Math.random())}, 1000);
    };

    socket.onmessage = function(event) {
        for (const message of event.data.split("\n")) {
            console.log(`${message}`);
            // variable name in obj.name, Wert der Variablen steht in obj.value
            $('#data').html(`<b/>${message}</b>`);
            
        }
    };

    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.data}`);
    };
</script>
</body>
</html>