← Назад к Apps

Live Character Counter

Счётчик символов и слов в реальном времени. Полезно для текста, SEO и контента.

▶ Запустить

👁 14

(function(root){

  root.style.fontFamily = "monospace";
  root.style.color = "#00ff9c";

  root.innerHTML = `
    <div style="max-width:600px; margin:0 auto;">
      <h2>Live Character Counter</h2>

      <textarea id="input" placeholder="Начни печатать..." 
        style="width:100%; height:120px; padding:10px; background:#0a0a0a; color:#fff; border:1px solid #00ff9c;"></textarea>

      <div id="stats" style="margin-top:15px;">
        Символы: 0<br>
        Слова: 0
      </div>
    </div>
  `;

  const input = root.querySelector("#input");
  const stats = root.querySelector("#stats");

  function update(){
    const text = input.value;

    const chars = text.length;
    const words = text.trim() ? text.trim().split(/\s+/).length : 0;

    stats.innerHTML = `
      Символы: ${chars}<br>
      Слова: ${words}
    `;
  }

  input.addEventListener("input", update);

})(typeof container !== 'undefined' ? container : document.body);