Bu yazımızda Jquery ile büyük-küçük harf yapmayı paylaşacağım.Bu fonksiyonlarda toLowerCase ve toUpperCase kullanımını resimli ve örnekli şekilde paylaşacağım. Jquery’de büyük harf ve HTML’de input’a büyük harf girişini sağlayabilirsiniz. Hemen aşağıda sırasıyla “canlı demo” ve “tüm kaynak kodlarını” görebilirsiniz.
Canlı Demo
Kaynak Kodlar
Javascript’te kullanabileceğiniz büyük küçük harf yazma kodları aşağıda paylaşılmıştır. HTML+JS Dosyası birlikte verilmiştir. Aşağıdaki kodların tümünü kopyalayıp “.html” olarak kaydedip hemen çalıştırabilirsiniz.
<html>
<head>
<title>Değerleri Büyük/Küçük Yapma toLowerCase-toUpperCase Kullanımı</title>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
<p><b>BU KISIMDA YAZILANLAR BÜYÜK HARF OLACAKTIR</b></p><br>
<label for="">Adı: </label>
<input type="text" class="degerBuyuk" value="" placeholder="Adı Giriniz">
<label for="">Soyadı: </label>
<input type="text" class="degerBuyuk" value="" placeholder="Soyadı Giriniz">
<br><br>
<p><b>BU KISIMDA YAZILANLAR KÜÇÜK HARF OLACAKTIR</b></p><br>
<label for="">Adı: </label>
<input type="text" class="degerKucuk" value="" placeholder="Adı Giriniz">
<label for="">Soyadı: </label>
<input type="text" class="degerKucuk" value="" placeholder="Soyadı Giriniz">
<script type="text/javascript">
$('.degerBuyuk').keyup(function(){
this.value=this.value.toUpperCase();
});
$('.degerKucuk').keyup(function(){
this.value=this.value.toLowerCase();
});
</script>
</body>
</html>
Çok faydalı, bilgi verici olmuş teşekkür ederim
rica ederim
On numara, sağolun.
TAŞAKKURLER 🙂
Abi senden Allâh râzi olsun . Harikaa !