JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="log" readonly></textarea>
<br/>

<input type="text" id="message">
<button id="send">send</button>

CSS

textarea {
  width: 100%;
  height: 100px;
}

JavaScript

var wsUrl = 'ws://185.69.152.203:4871';
var ws = new WebSocket(wsUrl);

ws.onopen = function() { log('connected!') }
ws.onmessage = function(event) { log('message: '+event.data) }
ws.onclose = function(event) { log('closed'+event.code) }

document.getElementById('send').onclick = function () {
	var $message = document.getElementById('message');

  ws.send($message.value);
  $message.value = '';
};

function log (data) {
	var date = new Date()
    , logDate = date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds()
    , message = '[' + logDate + '] ' + data;
	document.getElementById('log').innerHTML += message + "\n";
}