JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Wiadomość:</h3>
  <textarea id="wiadomosc" name="" id="" cols="30" rows="10"></textarea>
  <div id="licznik"></div>

JavaScript

$(document).ready(function(){
  
  var maxLength = 20;
  var pozostalo;
  var obecnaDlugosc;
  var wiadomosc = $("#wiadomosc");
  var licznik = $("#licznik")
  
  wiadomosc.keyup(function(event){
    obecnaDlugosc = wiadomosc.val().length;
    pozostalo = maxLength - obecnaDlugosc;
    if(obecnaDlugosc >= maxLength) {                     
                   event.preventDefault();
    }
    licznik.text("Pozostało: " + pozostalo + " znaków.");
  });

});