Maximum Characters in Textarea

display the number of characters that are available for a textarea

by Christoph

HTML

Remaining characters: <span id="count"></span>
<textarea id="textinput">
</textarea>

CSS

textarea{
 display:block;
width:200px;
 height:100px;   
}

JavaScript

var maxchar = 160;
var i = document.getElementById("textinput");
var c = document.getElementById("count");
c.innerHTML = maxchar;
    
i.addEventListener("keydown",count);

function count(e){
    var len =  i.value.length;
    if (len >= maxchar){
       e.preventDefault();
    } else{
       c.innerHTML = maxchar - len-1;   
    }
}