Опубликовано 6 марта 2018 г. в разделе JavaScript

В этом уроке мы увидим, как считать символы в реальном времени с помощью JavaScript. В предыдущем уроке мы обсуждали, как сделать предварительный просмотр в реальном времени с помощью jquery. Получение длины строки с использованием свойства .length. Свойство Length возвращает длину строки. Свойство innerHTML используется для установки HTML-содержимого элемента.

Живое демо Скачать

Код JavaScript

<script>
       function characterCount(txt)
       {
          var strLength = txt.length;
          
          document.getElementById("result").innerHTML = strLength;
       }
        </script>

HTML-код

<textarea onkeyup="characterCount(this.value);" cols="10" rows="15"></textarea>
                 
            <b> Total character:</b> <span id="result"></span>

Первоначально опубликовано на www.phpcluster.com 6 марта 2018 г.