Character Counting Remaining on Textarea

text area with maxlenght that feeds how many characters the user has remaining

by Ajith S Punalur

HTML

<textarea id="textarea" rows="8" cols="30" maxlength="100" ></textarea>
<div id="textarea_feedback"></div>

CSS

html { margin:40px }

JavaScript

$(document).ready(function() {
    var text_max = parseInt($('#textarea').attr('maxlength')),
    	text_remaining = 100;
    $('#textarea_feedback').html(text_remaining + '/'  + text_max +  ' characters remaining');

    $('#textarea').keyup(function() {
        var text_length = $('#textarea').val().length;
        var text_remaining = text_max - text_length;
        $('#textarea_feedback').html(text_remaining + '/'  + text_max + ' characters remaining');
    });
});