Character Counting Remaining on Textarea

by hamzeen hameem

HTML

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

CSS

html { margin:10px }

JavaScript

$(document).ready(function() {
    var text_max = 280;
    $('#textarea_feedback').html(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 + ' characters remaining');
    });
});