JSFiddle - React, Tailwind, and code Playground

HTML

<pre></pre>

JavaScript

if ("WebSocket" in window)
{
    var socket = new WebSocket("ws://[::1]:3000/");
    socket.onopen = function() {
        $("pre").append("Socket opened!\n");
        var msg = "Accept 3000\n";
        $("pre").append("Sending " + msg +"...\n");
        socket.send(msg);
    };
    socket.onmessage = function(msg) {
        $("pre").append("Received " + msg.data +"...\n");
        socket.close();
    };
    socket.onclose = function() {
        $("pre").append("Socket closed!\n");
    };
}
else
{
    $("pre").text("WebSockets NOT supported!");
}