文字数カウンターの設置方法 javascript

<div>
<p>文字数カウンター</p>
<script type="text/javascript">
<!--
function countLength(str){
       var bc = 0;
       for(var i=0;i<str.length;i++){
               if(str.charCodeAt(i)<0x100){ bc+=1; }else{ bc+=2; }
       }
       obj = document.getElementById('count-disp');
       obj.innerHTML = '全角'+Math.ceil(bc/2);
}
// -->
</script>
<div><textarea id="text-counter" cols="40" rows="3" onkeyup="countLength(value);"></textarea></div>
<div id="count-disp"></div>
</div>

----------

cols="40" は横幅
rows="3"　は行数

なので、適当にカスタムして使って下さい。