JSFiddle - React, Tailwind, and code Playground

HTML

<textarea data-maxlength="60" id="checkval"></textarea>

<div id="inputcounter"></div>

CSS

.error {color:red;}

JavaScript

$('#checkval').keyup( function() {

    var value = $(this).val();
    var maxlength = $(this).data("maxlength");
    
    var compare = maxlength - value.length;
    // check for first 2 chars
    if (compare >= 0) {
        $("#inputcounter").removeClass('error').html(compare + "characters left");
    } else if (compare < 0) {
        $("#inputcounter").addClass('error').html(compare + "characters left");
    }

});