ライブラリいらずの簡単な文字数カウントjs

Yukimi Sato 309views 更新:2014年3月31日

簡単な文字数カウントができるjsです。Jqueryなどのライブラリは不要です。
Aipo.comのお問い合わせに使われています。

JS

<script type="text/javascript">
  function updateCount(str, id)
  {
    var obj = document.getElementById(id);
    if(str)
    {
        obj.innerHTML = str.length;
    }
    else
    {
        obj.innerHTML = '0';
    }
  }
</script>

HTML

<textarea name="contents" rows="10" cols="40" onkeyup="updateCount(value, 'count')"></textarea>
<div>
現在の文字数:<span id="count">0</span>文字
</div>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません