Javascript Büyük-Küçük Harf Dönüşümü

Bu yazımızda Javascript bir cümledeki büyük küçük harf dönüşümü örneğini çözeceğiz. Kullanıcıdan alınan string bir ifadede bulunan büyük harfleri küçük harfe, küçük harfleri büyük harfe nasıl çevirebileceğimizi göreceğiz.

Javascript’te büyük-küçük harf dönüşümü yaparken toLowerCase() ve toUpperCase() metotlarını kullanırız. Şimdi nasıl kullanabileceğimizi görelim.

Javascript toUpperCase() Kullanımı

Javascript’te küçük harfleri büyük harfe çevirmek için toUpperCase() fonksiyonu kullanılır.

    <h1>Javascript Büyük Harfe Çevirme </h1>
    
    <label>Cümle: </label>
    <input type="text" id="cumle">

    <button id="bYap" onclick="bYap()">Büyük Yap</button>

    <div id="yaz"></div>
    
    <script>
        function bYap(){
            var cumle=document.getElementById("cumle").value;
            document.getElementById("yaz").innerHTML = cumle.toUpperCase();
        }

    </script>

Çıktısı :

Javascript Cümlenin Baş Harfini Büyük Yazdırma

Bazı durumlarda cümlenin sadece baş harfini büyük yazdırmak isteriz. Hemen nasıl yapabileceğimizi görelim.

    <h1>Javascript İlk Harfi Büyüğe Çevirme </h1>
    
    <label>Cümle: </label>
    <input type="text" id="cumle">

    <button id="bYap" onclick="ilkHarfBuyuk()">İlk Harfi Büyük Yap</button>

    <div id="yaz"></div>
    
    <script>
        function ilkHarfBuyuk(){
            var cumle=document.getElementById("cumle").value;
            document.getElementById("yaz").innerHTML = cumle[0].toUpperCase() + cumle.slice(1).toLowerCase(); 
        }

    </script>

Çıktısı :

Javascript Tüm Kelimelerin Baş Harfini Büyük Yazdırma

    <h1>Javascript Tüm Kelimelerin Baş Harfini Büyük Yazdırma</h1>
    
    <label>Cümle: </label>
    <input type="text" id="cumle">

    <button id="bYap" onclick="kelimelerinIlkHarfBuyuk()">Kelimelerin İlk Harfini Büyük Yap</button>

    <div id="yaz"></div>
    
    <script>
        function kelimelerinIlkHarfBuyuk(){
            var cumle=document.getElementById("cumle").value;

            var parca = cumle.split(" ");
            for(var i=0 ; i<parca.length ; i++){
                var j = parca[i].charAt(0).toUpperCase();
                parca[i] = j + parca[i].substr(1).toLowerCase();
            }
                document.getElementById("yaz").innerHTML = parca.join(" "); 
        }
    </script>

Çıktısı :

Javascript toLowerCase() Kullanımı

Javascript’te büyük harfleri küçük harfe çevirmek için toLowerCase() fonksiyonu kullanılır.

    <h1>Javascript Küçük Harfe Çevirme </h1>
    
    <label>Cümle: </label>
    <input type="text" id="cumle">

    <button id="bYap" onclick="kYap()">Küçük Yap</button>

    <div id="yaz"></div>
    
    <script>
        function kYap(){
            var cumle=document.getElementById("cumle").value;
            document.getElementById("yaz").innerHTML = cumle.toLowerCase();
        }

    </script>

Çıktısı :

Bu yazımızda Javascript büyük küçük harf dönüşümü konusunu işledik. Javascript’te toLowerCase() ve toUpperCase() fonksiyonlarının kullanımını gördük. Umarım faydalı olmuştur.  Farklı örnekler için ‘Javascript Örnekleri‘ kategorisine göz atabilirsiniz. Ayrıca eğer eksiklikleriniz varsa ‘Javascript Dersleri‘ kategorisine bakabilirsiniz.