function counterRefresh (count) {
$("#user-counter").val(count);
}
function appendMessage (userid, message) {
$("#message-box").append("<div class='message'><span class='user-id'>" + userid + ":</span> " + message + "</div>");
}
$(“#count-button”).click(function(event) {
var text = this.innerHTML; var data = JSON.stringify({ userid: myid, text: text }); ws.send(data);
});
var myid;
var ws = new WebSocket(location.origin.replace(/^http/, ‘ws’));
ws.onmessage = function(msg) {
var data = JSON.parse(msg.data); if (data.you) { myid = data.you; } else if (data.text) { var id; myid==data.userid ? id = 'my-message' : id = data.userid; appendMessage(id, data.text); } else if (data.count) { counterRefresh(data.count); }
}