textarea stuffs

index.html

<span id="chatBox"></span> <Br><br>
<textarea id="textBox"></textarea>

<script>
let ws = new WebSocket('ws://localhost:PORT');
let messages = [];
ws.onopen = () => {
  //...
}

ws.onmessage = s => {
  let d = s.data;
  //eg username: message
  
  if (messages.length == 5) {
    messages.shift();
  }
  
  messages.push(s.data);
  document.getElementById('chatBox').innerHTML = '';
  messages.forEach(message => {
    document.getElementById('chatBox').innerHTML += `${message}<br>`
  })
}

setInterval(() => {
  if (document.getElementById('textBox').value.endsWith('\n')) {
    ws.send(document.getElementById('textBox').value);
    document.getElementById('textBox').value = "";
  }
}, 10)
</script>