JSFiddle - React, Tailwind, and code Playground

by goropoo

HTML

<textarea cols="30" rows="10"></textarea>
<p id="countUp">0</p>

JavaScript

$(function () {
     $("textarea").keyup(function(){
          var counter = $(this).val().length;
        $("#countUp").text(counter);
        if(counter == 0){
            $("#countUp").text("0");
        }
        if(counter >= 20){
            $("#countUp").css("color","red");
        } else{$("#countUp").css("color","#666");}
    });
});