Bu Javascript ile harfleri büyük veya küçük yapmak için kullandığımız iki adet metodumuz bulunmaktda. Javascript içerisinde değişkende tuttuğumuz bir string ifadeyi büyük harflerde çevirmek için toUpperCase(), küçük harflere çevirmek için ise toLowerCase() metodlarını kullanıyoruz. Ancak türkçe karakterler işin içine girdiğinde, bu metodlar tam olarak istediğimiz sonucu vermeyebilir. Aşağıda bunun çözümünü de ayrıca belirteceğim. İlk olarak genel olarak bir datayı büyük veya küçük harf olarak nasıl değiştiriyoruz buna bakalım.
Harfleri Büyük Yapmak.
Bu örnekte id tanımlaması demo olan bir pragraf etiketi içerisine “str” değişkeninin içerisinde bulunan string ifadeyi büyük harflere çevirerek yazdırmış bulunuyoruz.
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var str= "Hello World!";
var res = str.toUpperCase(); // Çıktı: HELLO WORLD!
document.getElementById("demo").innerHTML = res;
</script>
</body>
</html>Harfleri Küçük Yapmak.
Bu örnekte id tanımlaması demo olan bir pragraf etiketi içerisine “str” değişkeninin içerisinde bulunan string ifadeyi küçük harflere çevirerek yazdırmış bulunuyoruz.
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var sitring = "Hello World!";
var res = sitring.toLowerCase(); // Çıktı: hello world!
document.getElementById("demo").innerHTML = res;
</script>
</body>
</html>
Javascript Türkçe Büyük / Küçük Harf Çevirme
Türkçe karakterlerde büyük/ küçük harf değiştirme yaparken tam istediğimiz sonuçları alamayabiliyoruz, bu problemleri çözmek için toLowerCase() yerine toLocaleLowerCase() ve toUpperCase() yerine toLocaleUpperCase() metodlarını kullanabiliriz. Böylece dile göre işlevsellik kazanacak ve istediğimiz sonucu alacağız.
Örnek:
<!DOCTYPE html>
<html>
<body>
<p id="localeLowerCase"></p>
<p id="localeUpperCase"></p>
<p id="lowerCase2"></p>
<p id="upperCase2"></p>
<script>
var str = "İstanbul";
var resLowerCase = str.toLocaleLowerCase('TR');
var resUpperCase = str.toLocaleUpperCase('TR');
document.getElementById("localeLowerCase").innerHTML = resLowerCase;
document.getElementById("localeUpperCase").innerHTML = resUpperCase;
var str = "İstanbul";
var resLowerCase2 = str.toLowerCase();
var resUpperCase2 = str.toUpperCase();
document.getElementById("lowerCase2").innerHTML = resLowerCase2;
document.getElementById("upperCase2").innerHTML = resUpperCase2;
</script>
</body>
</html>
