Character Counting Remaining on Textarea

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

by 1eddy87

HTML

<textarea id="textarea" rows="8" cols="30" maxlength="150">

</textarea>
<div id="textarea_feedback"></div>

CSS

html {
  margin: 11px
}

JavaScript

$(document).ready(function() {
  var text_max = 150;
  $('#textarea_feedback').html('150/' + text_max);

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

    $('#textarea_feedback').text('150/' + text_remaining);
  });
});