JSFiddle - React, Tailwind, and code Playground

by Rachel Gallen

HTML

<textarea id='longText' ></textarea><br>
<span id='amtleft'><label>&#40;<span>2000</span> characters left&#41;</label></span>

CSS

textarea{height:150px;
width:300px;}

JavaScript

function textCount(val) {
    var len = val.value.length;

    if (len >= 500) {
        val.value = val.value.substring(0, 2000);
        $('#amtleft span').text(0);
    } else {
        $('#amtleft span').text(2000 - len);
    }
}
textCount($('#longText').get(0));
$('#longText').keyup(function() {
    textCount(this);
});