Counter

Counter Error

by fido3993

HTML

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

CSS

html { margin:11px }
.hide{
  display:none;
}

JavaScript

$(document).ready(function() {
    var text_max = 99;
    $('#textarea_feedback').html(text_max + ' characters remaining');

    $('#textarea').keyup(function() {
        var text_length = $('#textarea').val().length;
        var text_remaining = text_max - text_length;

        if (text_remaining <	 0) {
        $('#error').html('No characters remaining');
        $('#error').removeClass('hide');
    } else {
        $('#textarea_feedback').html(text_remaining + ' characters remaining');
    }
    
    if (text_remaining >	 0) {
       $('#error').addClass('hide');
    } else {
        $('#textarea_feedback').html(text_remaining + ' characters remaining');
    }
    });
});