JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="thingsThatHappened"></div>
</body>

JavaScript

var websocket;
if ("WebSocket" in window) {
    websocket = new WebSocket("ws://appName.userName.c9.io/", "echo-protocol");

    websocket.onopen = function (event) {
        $("#thingsThatHappened").html($("#thingsThatHappened").html() + "<br />" + "The connection was opened");

        websocket.send("Yo wazzup");
    };
    websocket.onclose = function (event) {

        $("#thingsThatHappened").html($("#thingsThatHappened").html() + "<br />" + "The connection was closed");
    };
    websocket.onmessage = function (event) {
        $("#thingsThatHappened").html($("#thingsThatHappened").html() + "<br />" + "New message arrived: " + event.data);
    };
    websocket.onerror = function (event) {
        $("#thingsThatHappened").html($("#thingsThatHappened").html() + "<br />" + "There was an error with your websocket.");
    };
} else {
    alert("Websocket is not supported by your browser");
    return;
}