JSFiddle - React, Tailwind, and code Playground

by Denis

HTML

<textarea id="textarea" maxlength="25">123</textarea>
<div id="textareaFeedback"></div>

JavaScript

$(function(){
    var maxLength = $('#textarea').attr('maxlength');
    var startL = $('#textarea').val().length;
    $('#textareaFeedback').html((maxLength - startL)+ ' осталось символов');
    $('#textarea').keyup(function(){
        var curLength = $('#textarea').val().length;
        $(this).val($(this).val().substr(0, maxLength)); 
        var remaning = maxLength - curLength;
        if (remaning < 0) remaning = 0;
        $('#textareaFeedback').html(remaning + ' осталось символов');
        if (remaning < 10){ // когда менять цвет 
            $('#textareaFeedback').addClass('warning');
        } else {
            $('#textareaFeedback').removeClass('warning');
        }    
    });
});