Bu örneğimizde jQuery ile sayfamızda bulunan textarea kontrolüne girilen karakter sayısını anlık olarak ekreanda göstereceğiz. Bu işlemi yaparken keyup olayından faydalanacağız. Her tuşa bastığımızda metnimizdeki karakter sayısını length metodu ile bularak ekranda gösterilmesini sağlayacağız.
Sayfamıza ait html ve <script> kodları aşağıdaki gibi olacaktır.
Ekran çıktısı:
Sayfamıza ait html ve <script> kodları aşağıdaki gibi olacaktır.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <title>Jquery Örnekler</title> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script> </head> <body> <textarea id="t1" rows="6"></textarea> <div id="d1"></div> <script> //Text kutusuna yazdığımız yazının karakter sayısı text kutusunda görünsün $(document).ready(function() { $("#t1").on("keyup",function(){ var yazi =$("#t1").val(); $("#d1").html(yazi.length); }); }); </script> </body> </html> |