Takip Edin

JQUERY

Kalan Karakter Sayısı Uygulaması

Jquery Kalan Kaarkter Sayısı Uygulaması - Öne Çıkan Görsel

Bu bölümde kulanıcıya, text area ‘ya girdiği her değer için kalan karakter sayısı gösterilecek ve girilen karakter sayısı 500‘e ulaştığında (kalan karakter sayısı 0 olduğunda) text area ‘ya herhangi bir değer giremeyecektir.

$(document).ready(function() {
    $("textarea").keyup(function() { // Text araea'ya klavyeden bir değer girip bıraktığımızda(klavyeden elimizi kaldırdığımızda) fonksiyon tetiklenir.
        var maxcharacter = 500;
        var length = $("textarea").val().length; // Text area'ya girilen değerin uzunluğu
        var remain_chr = maxcharacter - length; // Maximum karakterden text area'ya girilen değerin uzunluğunu çıkararak kalan karakter sayısını verir.
        // console.log(length);        
        $(".character").text(remain_chr); // .character sınıfına sahip olan span elemanının içerisinde bulunan 500 değeri yerine remain_chr değişkeninin değeri yerleşecektir.
    });
});
Devamını oku

Popüler

error: Content is protected !!