JSFiddle - React, Tailwind, and code Playground

by georeith

HTML

<textarea id="input" rows="4" cols="50" maxlength="500">
</textarea>
<span id="output"></span>

JavaScript

var maxChars = 500;
var input = document.getElementById('input');
var output = document.getElementById('output');

output.innerHTML = maxChars + " characters left";

input.onkeyup = function() {
    var diff = maxChars - input.value.length;
    if (diff < 0) {
        input.value.length = maxChars;
        diff = 0;
    }
    output.innerHTML = diff + " characters left";
}