JSFiddle - React, Tailwind, and code Playground

by pikappa

HTML

<input id="option1" class="hasCharLimit">
<span id="charsLeft1">140</span>

CSS

input {
    margin: 5px;
}

span {
    padding: 3px;
    margin: 5px;
}

JavaScript

var maxchar = 140;

$('#option1').bind('keyup', function() {
   var cnt = $(this).val().length;
   var remainingchar = maxchar - cnt;
    
    $('#charsLeft1').text(remainingchar);
});