JavaScript'te metod, fonksiyon ile eş anlamlıdır. write( ) fonksiyonunu öğrenmiştik. Şimdi de string fonksiyonları öğreneceğiz.
sub( ): HTML'deki <sub> ile aynı işlevi görmektedir. Metinleri alt metin hâline getirir.
<s c r i p t>
var deneme02 = "zibidi";
d o c u m e n t.write("zinzin" + deneme02.sub());
</script>
İlk önce "zinzin" yazdırdık. Daha sonra "zibidi" sözcüğünü alt metin olarak yazdırdık.
zinzinzibidi
Çıktımız ise bu şekilde olacaktır.
sup( ): HTML'deki <sup> ile aynı işlevi görmektedir. Metinleri üst metin hâline getirir.
<s c r i p t>
var deneme03 = "zinzin";
d o c u m e n t.write(deneme03.sup() + "zibidi");
</script>
Bu sefer ilk önce "zinzin"i üst metin haline getirdik ve ardından "zibidi" yazdırdık.
zinzinzibidi
Çıktımız ise bu şekilde olacaktır.
bold( ): HTML'deki <strong> ile aynı işlevi görmektedir. Metinleri kalın harfle yazdırır.
italics( ): HTML'deki <em> ile aynı işlevi görmektedir. Metinleri italik harflerle yazdırır.
strike( ): HTML'deki <strike> ile aynı işlevi görmektedir. Metinlerin üzerini çizili hâle getirir.
toLowerCase( ): CSS'teki text-transform: lowercase; özelliği ile aynı işlevi görmektedir. Metindeki tüm harfleri küçük harfle yazar.
<s c r i p t>
var deneme04 = "ZİNZİN";
d o c u m e n t.write(deneme04.toLowerCase() + "zibidi");
</script>
"ZİNZİN" kelimesini küçük harflerle yazdırıyoruz.
zinzinzibidi
Çıktımız bu şekilde olacaktır.
toUpperCase( ): CSS'teki text-transform: uppercase; özelliği ile aynı işlevi görmektedir. Metindeki tüm harfleri büyük harfle yazar.
<s c r i p t>
var deneme05 = "zinzin";
d o c u m e n t.write(deneme04.toUpperCase() + "zibidi");
</script>
Bu sefer "zinzin" kelimesini büyük harfle yazdırdık.
ZİNZİNzibidi
Çıktımız ise bu şekilde olacaktır.
fontcolor( ): CSS'teki color özelliği ile aynı işlevi görmektedir. Metnin rengini değiştirmeye yarar.
<s c r i p t>
var deneme06 = "zinzin";
d o c u m e n t.write(deneme06.fontcolor("#666") + "zibidi");
</script>
"zinzin" harflerini gri renkte yazdırdık. #666 yerine blue, red, #009c16 gibi değerler de verebilirsiniz.
zinzinzibidi
Çıktımız ise bu şekilde olacaktır.
fontsize( ): CSS'teki font-size özelliği ile aynı işlevi görmektedir. Metnin boyutunu değiştirmek için kullanılır.
<s c r i p t>
var deneme07 = "zinzin";
d o c u m e n t.write(deneme07.fontsize("16px") + "zibidi");
</script>
"zinzin" kelimesinin boyutunu 16px olarak belirledim.
zinzinzibidi
Çıktımız ise bu şekilde olacaktır.
concat( ): Bir değişken içerisine başka bir değişken eklemek için kullanılır.
<s c r i p t>
var deneme08 = "zinzin";
var deneme09 = "zomzom";
d o c u m e n t.write(deneme08.concat(deneme09));
</script>
"zinzin" kelimesine "zomzom" kelimesini ekledim.
zinzinzomzom
Çıktımız ise bu şekilde olacaktır.
replace( ): Bir değişken içerisindeki harfleri ya da kelimeyi değiştirmeye yarar.
<s c r i p t>
var deneme10 = "zinzinzomzomzupzup";
d o c u m e n t.write(deneme10.replace("zupzup", "zepzep"));
</script>
"zinzinzomzomzupzup" kelimesindeki "zupzup" yerine "zepzep" yazdırdım.
zinzinzomzomzepzep
Çıktımız ise bu şekilde olacaktır.
sub( ): HTML'deki <sub> ile aynı işlevi görmektedir. Metinleri alt metin hâline getirir.
<s c r i p t>
var deneme02 = "zibidi";
d o c u m e n t.write("zinzin" + deneme02.sub());
</script>
İlk önce "zinzin" yazdırdık. Daha sonra "zibidi" sözcüğünü alt metin olarak yazdırdık.
zinzinzibidi
Çıktımız ise bu şekilde olacaktır.
sup( ): HTML'deki <sup> ile aynı işlevi görmektedir. Metinleri üst metin hâline getirir.
<s c r i p t>
var deneme03 = "zinzin";
d o c u m e n t.write(deneme03.sup() + "zibidi");
</script>
Bu sefer ilk önce "zinzin"i üst metin haline getirdik ve ardından "zibidi" yazdırdık.
zinzinzibidi
Çıktımız ise bu şekilde olacaktır.
bold( ): HTML'deki <strong> ile aynı işlevi görmektedir. Metinleri kalın harfle yazdırır.
italics( ): HTML'deki <em> ile aynı işlevi görmektedir. Metinleri italik harflerle yazdırır.
strike( ): HTML'deki <strike> ile aynı işlevi görmektedir. Metinlerin üzerini çizili hâle getirir.
toLowerCase( ): CSS'teki text-transform: lowercase; özelliği ile aynı işlevi görmektedir. Metindeki tüm harfleri küçük harfle yazar.
<s c r i p t>
var deneme04 = "ZİNZİN";
d o c u m e n t.write(deneme04.toLowerCase() + "zibidi");
</script>
"ZİNZİN" kelimesini küçük harflerle yazdırıyoruz.
zinzinzibidi
Çıktımız bu şekilde olacaktır.
toUpperCase( ): CSS'teki text-transform: uppercase; özelliği ile aynı işlevi görmektedir. Metindeki tüm harfleri büyük harfle yazar.
<s c r i p t>
var deneme05 = "zinzin";
d o c u m e n t.write(deneme04.toUpperCase() + "zibidi");
</script>
Bu sefer "zinzin" kelimesini büyük harfle yazdırdık.
ZİNZİNzibidi
Çıktımız ise bu şekilde olacaktır.
fontcolor( ): CSS'teki color özelliği ile aynı işlevi görmektedir. Metnin rengini değiştirmeye yarar.
<s c r i p t>
var deneme06 = "zinzin";
d o c u m e n t.write(deneme06.fontcolor("#666") + "zibidi");
</script>
"zinzin" harflerini gri renkte yazdırdık. #666 yerine blue, red, #009c16 gibi değerler de verebilirsiniz.
zinzinzibidi
Çıktımız ise bu şekilde olacaktır.
fontsize( ): CSS'teki font-size özelliği ile aynı işlevi görmektedir. Metnin boyutunu değiştirmek için kullanılır.
<s c r i p t>
var deneme07 = "zinzin";
d o c u m e n t.write(deneme07.fontsize("16px") + "zibidi");
</script>
"zinzin" kelimesinin boyutunu 16px olarak belirledim.
zinzinzibidi
Çıktımız ise bu şekilde olacaktır.
concat( ): Bir değişken içerisine başka bir değişken eklemek için kullanılır.
<s c r i p t>
var deneme08 = "zinzin";
var deneme09 = "zomzom";
d o c u m e n t.write(deneme08.concat(deneme09));
</script>
"zinzin" kelimesine "zomzom" kelimesini ekledim.
zinzinzomzom
Çıktımız ise bu şekilde olacaktır.
replace( ): Bir değişken içerisindeki harfleri ya da kelimeyi değiştirmeye yarar.
<s c r i p t>
var deneme10 = "zinzinzomzomzupzup";
d o c u m e n t.write(deneme10.replace("zupzup", "zepzep"));
</script>
"zinzinzomzomzupzup" kelimesindeki "zupzup" yerine "zepzep" yazdırdım.
zinzinzomzomzepzep
Çıktımız ise bu şekilde olacaktır.