JSFiddle - React, Tailwind, and code Playground

by jppresents

HTML

<div id="chatbox" style="height: 100px;overflow: auto">
</div>
<br>    
<input type="text" id="chatinput">

JavaScript

var objDiv = document.getElementById("chatbox");
objDiv.scrollTop = objDiv.scrollHeight;

function ping() {
    objDiv.innerHTML +="ping<br>";
    objDiv.scrollTop = objDiv.scrollHeight;
    setTimeout(ping, 10000);
}

ping();


var input = document.getElementById("chatinput");
input.onkeydown = function(e){
    if (e.keyCode === 13) {
        objDiv.innerHTML +=input.value +"<br>";
        input.value = "";
        objDiv.scrollTop = objDiv.scrollHeight;
    }
}