JSFiddle - React, Tailwind, and code Playground

by kyodesign

HTML

<p><label for="review">Seu comentário</label> <small class="caracteres"></small></p>
<textarea name="comentario" id="comentario" cols="30" rows="10"></textarea>

JavaScript

$(document).on("input", "#comentario", function() {
        var limite = 145;
        var informativo = "caracteres restantes.";
        var caracteresDigitados = $(this).val().length;
        var caracteresRestantes = limite - caracteresDigitados;

        if (caracteresRestantes <= 0) {
            var comentario = $("textarea[name=comentario]").val();
            $("textarea[name=comentario]").val(comentario.substr(0, limite));
            $(".caracteres").text("0 " + informativo);
        } else {
            $(".caracteres").text(caracteresRestantes + " " + informativo);
        }
    });