JSFiddle - React, Tailwind, and code Playground
HTML
<textarea></textarea>
<p>
<strong>You have <em id="count"></em> characters remaining</strong>
</p>
CSS
.over {
color: red;
}
JavaScript
maxCharacters = 160;
$('#count').text(maxCharacters);
$('textarea').bind('keyup keydown', function() {
var count = $('#count');
var characters = $(this).val().length;
if (characters > maxCharacters) {
count.addClass('over');
} else {
count.removeClass('over');
}
count.text(maxCharacters - characters);
});