example.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hChat</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>

    <!-- Sample WS connection with vanilla JS -->
    <script>
        let socket = new WebSocket("ws://localhost:8080/ws");
        console.log("Attempting WebSocket Connection");

        socket.onopen = () =>{
            console.log("Succesfully connected");
            socket.send("#1_Da:");
            socket.send("#1_Da:hell")
        }
        socket.onclose = (event) => {
            console.log("socket closed connection: ", event);
        }

        socket.onerror = (error) => {
            console.log("Socket error: ", error);
        }

        socket.onmessage = (msg) =>{
            console.log(msg);
        }
    </script>

</body>
</html>