JSFiddle - React, Tailwind, and code Playground
HTML
<textarea id='svText'>123456789</textarea>
<br/><br/>
<input type='text' id='svCounter' disabled>
JavaScript
function CharCounter()
{
if (document.getElementById('svText').value.length > 3000)
document.getElementById('svText').value = document.getElementById('svText').value.substring(1,3000);
else
document.getElementById('svCounter').value = document.getElementById('svText').value.length;
console.log(document.getElementById('svText').value);
console.log(document.getElementById('svCounter').value);
}
function AddEvent(obj, evType, fn, useCapture){
if (obj.addEventListener){
console.log('addEventListener');
obj.addEventListener(evType, fn, useCapture);
return true;
}
else if (obj.attachEvent){
console.log('attachEvent');
var r = obj.attachEvent("on"+evType, fn);
return r;
}
else {
console.log('else');
}
}
CharCounter();
AddEvent(document.getElementById('svText'), "keydown", CharCounter, false);