JSFiddle - React, Tailwind, and code Playground

by Bhushan Kawadkar

HTML

<textarea class="content" wrap="physical" rows="10" cols="50" maxlength="10"></textarea>
<div class="char_left">Character entered</div>

JavaScript

$(function(){
    var maxlength = $('.content').attr('maxlength');
    $('.content').keyup(function(){
       var x = $(this).val();
       x = x.replace(/(\r\n|\n|\r)/g,"");
     
       if(x.length > maxlength)
       {
           $('.char_left').html('Limit!');
           return false;
       }
        else
        {
            $('.char_left').html("Remaing character "+(parseInt(maxlength)-parseInt(x.length)));
        }
    });
});