JSFiddle - React, Tailwind, and code Playground

HTML

<textarea  id="textarea" maxlength="100" onkeyup="limitText()">
</textarea>
<div id="charcount_text"></div>

CSS

textarea {
  width: 100%;
  height: 20em;
}

JavaScript

function limitText() {
  var ta= document.getElementById('textarea'),
      count= ta.value.length,
      ml= ta.maxLength,
      remaining= ml - count,
      cc= document.getElementById('charcount_text');
    
  if(remaining <= 0) {
    cc.innerHTML = ml+' character limit reached.' ;
  } else if(remaining <= 50) {
    cc.innerHTML = ml+' character limit, ' + remaining  + ' remaining.';
  } else {
    cc.innerHTML = '';
  }
}