JSFiddle - React, Tailwind, and code Playground

by mori57

HTML

<textarea id="textarea" cols="30" rows="5" maxlength="99"></textarea>

<div id="textarea_feedback"></div>

<pre id="out"></pre>

JavaScript

$(document).ready(function() {
    var text_max = 99;
    $('#textarea_feedback').html(text_max + ' characters remaining');
    
    $('#textarea').keydown(function() {
        var ta = $('#textarea');
        var taInvis = (ta.val().match(/\n/g)||[]);
        console.log('taInvis.length = ' + taInvis.length);
        var text_length = ta.val().length + taInvis.length;
        console.log('text_length = ' + text_length);
        var text_remaining = text_max - text_length;

        $('#textarea_feedback').html(text_remaining + ' characters remaining');
    });
});