JavaScript Karakter Sayma

Hazırladığımız HTML uygulamalarında bazen kullanıcılardan aldığımız bilgileri sınırlandırma ihtiyacı duyarız. Bu işlemi JavaScript kullanarak tarayıcı tarafında yapma şansımız var. Daha önce Textarea nesnesine girilen karakterleri sayma ile ilgili bir örnek yapmıştım. Bu yazı mevcut örnekten biraz daha farklı olacak.

JavaScript karakter sayısını okuma, genellikle if else yapısı ile hazırlanıyor. Fakat if else kullanmada karakterleri sayıp, yazılacak karakter sayısı sıfıra indiğinde de yazdırmamak mümkün.

Lafı çok uzatmadan örneğin çalışması mantığını açıklayalım. Yazı nesnesine giriş yapıldığında substr fonksiyonu ile karakter sayısını sınırlandırma yapıyoruz. Böylelikle şart kullanmadan saydırma işlemini yapabiliyoruz.

Kod:


<!DOCTYPE html>
<html>
<head>
</head>
<body>
 
    Yazı : <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>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

Yazı : <br>

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>

JavaScript Karakter Sayma

İlgili

Yorum Yap X

Bunu paylaş:

İlgili

İlginizi Çekebilir

Yorum Yap X