Показать сообщение отдельно
  #6 (permalink)  
Старый 04.10.2018, 19:52
Интересующийся
Отправить личное сообщение для ushembo Посмотреть профиль Найти все сообщения от ushembo
 
Регистрация: 20.02.2017
Сообщений: 13

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);


Сделал так, все работает отлично.
Правильно сделал? Или дикий костыль?
Ответить с цитированием