Chat Example

HTML

<div id="chatContainer" style="border:1px solid red;">
  <div style="height:400px; overflow-y:auto; border:1px solid blue" id="chatArea">
    <!-- YOUR CHAT CONTENT GOES HERE -->
  </div>

  <textarea id="HaveYourSay"></textarea>
  <button onclick="SendChat()">Send</button>
</div>

JavaScript

function SendChat() {


  var text = document.getElementById('chatArea').innerHTML;


  var newChat = document.getElementById('HaveYourSay').value;

  text = text + '<br/>' + newChat;

  document.getElementById('chatArea').innerHTML = text;
}