javaScript Kalan Karakter Sayısı Bulma

Bu örneğimizde javaScript dili ile metin kutusuna girilen karakterleri sayarak ve belirlenen karakter sayısına göre daha kaç karakter daha yazabileceğimizi gösteren basit bir örnek oluşturacağız. Örneğimizde bulunan textarea içerisine karakter girildikçe ne kadar karakterlik yer kaldığı bilgisi ekranda anlık olarak gösterilecektir. html sayfasına ait kodlar ve ekran çıktısı aşağıdaki gibi olacaktır.


<!DOCTYPE html>
<html>
<head>
    <title>yazilimkodlama.com</title>
</head>
<body>
 
    Yorum : <br>
    <textarea rows="10" id="yazi"></textarea>
    <div id="sonuc"></div>
    
    
    
<script>
      var yazi=document.querySelector('#yazi');  
      var sonuc=document.querySelector('#sonuc');  
    
    yazi.oninput=function(){
        var maksimum=30;
        this.value=this.value.substr(0,maksimum);
        var kalan= maksimum-this.value.length;
        sonuc.innerHTML='Kalan Karakter : '+kalan;
    }
    </script>
    
</body>
</html>