Textarea characters remaining

Textarea characters remaining

by slawe

HTML

<textarea class="yt_email_textarea"></textarea>
<div class="yt_message_char_left">200 characters is max</div>

JavaScript

var __textarea = document.querySelector('.yt_email_textarea'),
    __char = document.querySelector('.yt_message_char_left'),
    __remaining = 0;


__handler = function(e)
{

    e.preventDefault();
    
    __remaining = 200 - parseInt(__textarea.value.length);
    
    if (__remaining < 0)
    {
    
        __textarea.value = __textarea.value.substring(0, 200);
    
        return false;
   
    }
  
    __char.innerHTML = __remaining + ' characters remaining';

};

__textarea.addEventListener('keyup', __handler);