JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="jumbotron" id="chat" >
  </div>  
  

      <div class="input-group">
          <input type="text" class="form-control" placeholder="Search" name="search" autocomplete="off" >
          <div class="input-group-btn">
            <button  id="sendMsg"><i class="glyphicon glyphicon-search"></i></button>
          </div>
      </div>

</div>

CSS

#chat{
    background: lightgray;
    max-height: 60vh;
    height:60vh;
    overflow: auto;
    font-size: 1.5em;
}

JavaScript

document.getElementById("sendMsg").addEventListener("click", function(){
	document.getElementById("chat").append("Appended\n");
});