Tweet length counter

HTML

<script src="https://rawgithub.com/twitter/twitter-text-js/master/twitter-text.js"></script>
<textarea id="tweet" cols="40" rows="5"></textarea>
<p>length: <span id="counter" class="valid"></span></p>

CSS

.invalid { color: red; }

JavaScript

var $textarea = $('#tweet');
var $counter = $('#counter');

// テキストエリアの変更を監視
$textarea.on('change keyup', function () {
    var value = $textarea.val();
    // ここでツイート文字数をカウント
    var count = twttr.txt.getTweetLength(value);
    // 文字数を表示に反映。140文字を超えていた場合は invalid クラスを付与
    $counter.text(count)
        .parent().toggleClass('invalid', count > 140);
}).change();