document.addEventListener('DOMContentLoaded', function(){
document.querySelector('[name="NAME"]').setAttribute('id','countTitle');
document.querySelector('[name="DESC"]').setAttribute('id','countDesc');
var countT ='<label style="color:red;border: 1px solid #a33f19; padding: 3px; font-weight: 600; margin-left: 5px; font-size: 17px;" id="labelTitle">0</label>';
var countD ='<label style="color:red;border: 1px solid #a33f19; padding: 3px; font-weight: 600; margin-left: 5px; font-size: 17px; position: absolute;" id="labelDesc">0</label>';
document.getElementById('countTitle').insertAdjacentHTML("afterEnd", countT);
document.getElementById('countDesc').insertAdjacentHTML("afterEnd", countD);
function charCount(text){
return text.length;
}
function g(id){
return document.getElementById(id);
}
g('countTitle').onkeyup=function(){
g('labelTitle').innerHTML=charCount(this.value);
}
g('countDesc').onkeyup=function(){
g('labelDesc').innerHTML=charCount(this.value);
}
}, false);
Сделал так, все работает отлично.
Правильно сделал? Или дикий костыль?