JSFiddle - React, Tailwind, and code Playground

by Sudipta K Paik

JavaScript

$('.textarea2003').keyup(function () {
    var limit = 200; // parseInt($(this).attr('maxlength'));
    var text = $(this).val();
    var chars = text.length;
    if (chars > limit) {
        var new_text = text.substr(0, limit);
        $(this).val(new_text);
    }
});
$("textarea.textarea2002").keydown(function (event) {
    var limit = 200;
    var text = $(this).val();
    var chars = text.length;
    alert(chars);
    if ((event.keyCode == null) || (event.keyCode == 0) || (event.keyCode == 8) || (event.keyCode == 9) || (event.keyCode == 13) || (event.keyCode == 27) || (event.keyCode == 33) || (event.keyCode == 34) || (event.keyCode == 35) || (event.keyCode == 36) || (event.keyCode == 37) || (event.keyCode == 38) || (event.keyCode == 39) || (event.keyCode == 40) || (event.keyCode == 46)) {} else {
        if (chars <= limit) {} else {
            event.preventDefault();
        }
    }
});