Şu ana kadar document. başlangıçlı tek kod gördük: document.write şimdilik bu kodla devam edeceğiz ve metinsel yöntemler üzerinde duracağız. DHTML sayfalarında document. başlangıçlı kodların hepsini ayrıca ele alacağız.
Karakter Sayısı Belirleme
Bu sayfadaki metinsel kodlar, metinsel değerleri şekillendirme yöntemleridir. Örneğin değişken.length yöntemiyle metinsel bir ifadenin kaç karakterden oluştuğunu bulabiliriz. Not: Boşluklar da karakter ifade eder.
<html>
<head>
<title>Karakter sayısı</title>
<script language=”JavaScript”>
function bul()
{
var metin
metin = prompt(“Metinsel bir ifade yazın.”, “Buraya lütfen…”)
if (metin == null || metin == “”) alert(“Yazı kutusuna birÅŸey yazmadınız.”)
else
{
document.write(“Yazılan metin: ” + metin + “<br>”)
document.write(“Karakter sayısı: ” + metin.length)
}
}
</script>
</head>
<body>
<form>
<p>Aşağıdaki düğme yazılan bir ifadenin karakter sayısını bulmaya yarar:</p>
<input type=”button” value=”Karakter Sayısı” onclick=”bul()”>
</form>
</body>
</html>Â
Â
Uygulamamız da metin isimli değişkene length yöntemi uygulanıyor. (Kalın harflerle yazdım.)
Metin İçinde Metin Arama
Â
Â
Aynı yapıda baÅŸka bir yöntem koduna geçelim: indexOf(“…”). indexOf yöntem kodu ile metinsel bir ifadeyi, baÅŸka metinlerin arasında ararız. (Arama motoru yapmak isteyenler iyi okusun.) Mesela i deÄŸiÅŸkenin deÄŸeri “Cameron Diaz” olsun. Biz “Diaz” metinsel ifadesinin bu metin içinde bulunup bulunmadığını bu kodla şöyle anlarız: j = i.indexOf(“Diaz“). “Diaz” metinsel ifadesi “Cameron Diaz” metin deÄŸerli i içinde var. Bu durumda j pozitif bir tamsayı deÄŸeri alır. Olmasaydı -1 deÄŸeri alacaktı. AÅŸağıdaki uygulama herÅŸeyi anlatıyor:
<html>
<head>
<title>Karakter Bulma</title>
<script language=”JavaScript”>
function bul()
{
var metin = prompt(“Öyle bir ÅŸey yazın ki içinde küçük \”a\” harfi olmasın.”)
var karakter=metin.indexOf(“a”)
if (karakter >= 0)
{
document.write(“<b>\”" + metin + “\”</b> ifadesinde \”a\” harfi var.”)
}
else
{
document.write(“<b>\”" + metin + “\”</b> ifadesinde \”a\” harfi yok.”)
}
}
</script>
</head>
<body>
<form>
<p>AÅŸağıdaki düğmeye basın…</p>
<input type=”button” value=”Karakter Arama” onclick=”bul()”>
</form>
</body>
</html>Â
Â
indexOf koduna çok benzeyen bir başka yöntem koduna geçelim: match. Kullanım şekli indexOf() ile aynıdır. Tek farkı, eğer ifade aranan metnin içinde yoksa null (yok) değerini, varsa ifadenin metinsel değerini alır:
<html>
<head>
<title>Karakter Bulma</title>
<script language=”JavaScript”>
function bul()
{
var metin = prompt(“Öyle bir ÅŸey yazın ki içinde küçük \”a\” harfi olmasın.”)
var karakter=metin.match(“a”)
if (karakter == “a”)
{
document.write(“<b>\”" + metin + “\”</b> ifadesinde \”a\” harfi var.”)
}
else
{
document.write(“<b>\”" + metin + “\”</b> ifadesinde \”a\” harfi yok.”)
}
}
</script>
</head>
<body>
<form>
<p>AÅŸağıdaki düğmeye basın…</p>
<input type=”button” value=”Karakter Arama” onclick=”bul()”>
</form>
</body>
</html>Â
Â
Yukarıdaki uygulama bir öncekiyle aynı sonucu veriyor ancak match kodu kullanılmakta.
Metin İçinde Bölüm Belirleme
Bir baÅŸka yöntem koduna geçiyorum: substr(…,…). substr kodu metinin belli bir bölümünü ifade etmeye yarar. ÖrneÄŸin met = “Cameron Diaz” ÅŸeklindeki metinsel deÄŸerlikli bir deÄŸiÅŸkene kodu şöyle uygularsak: met.substr(7,4), “Diaz” metinsel deÄŸerini elde ederiz. Buradaki 7 sayısı, alıntı bölümünün 8. harften baÅŸladığını (ilk harf 0. sırada sayılıyor) ve 4 sayısı alıntının 4 harften oluÅŸtuÄŸunu belirtiyor. AÅŸağıdaki uygulamaya bakalım:
<html>
<head>
<title>Karakter Alıntısı</title>
<script language=”JavaScript”>
function al()
{
var metin = prompt(“Yazılım buraya yazacağınız metnin 3. harfinden itibaren 5 harflik kısmını yazdırır.”)
var karakter=metin.substr(2,5)
document.write(“<b>\”" + metin + “\”</b> ifadesindeki 3. harften itibaren 5 harflik kısım şöyledir:”)
document.write(“<br>\”" + karakter + “\”")
}
</script>
</head>
<body>
<form>
<p>AÅŸağıdaki düğmeye basın…</p>
<input type=”button” value=”Karakter Alıntısı” onclick=”al()”>
</form>
</body>
</html>Â
Â
Uygulama sayesinde kodun iÅŸlevi iyice anlaşıldığını sanıyorum. Metin üzerinde tek bir harfi bulmak istiyorsak metin.charAt(Harf Sıra No) kodunu kullanabiliriz. Harf Sıra Nonun 0′dan baÅŸladığını belirtmeliyim. “Volkan” metninde 0. sıra nolu harf “V”‘dir. BoÅŸluklarında birer karakter olduÄŸunu tekrar hatırlatayım.
Büyük Harfe veya Küçük Harfe Çevirme
Bu bölümün son yöntem kodları: toLowerCase (küçük harfe çevirir), toUpperCase (büyük harfe çevirir). Bu kodlar da öncekiler gibi deÄŸiÅŸkenden sonra .toLowerCase(…) veya .toUpperCase(…) ÅŸeklinde kullanılır. Anlaşılması çok kolay olduÄŸu için hemen uygulamamıza geçelim.
<html>
<head>
<title>Babalama</title>
<script language=”JavaScript”>
function babala()
{
var metin = prompt(“Ä°sminizi yazın…”,”Buraya lütfen”)
var buyuk=metin.toUpperCase(metin)
var kucuk=metin.toLowerCase(metin)
babalasayfa=window.open(“”,”Yeni_Sayfa”, “toolbar=no,location=no,directories=no, status=no, menubar=no,scrollbars=yes, resizable=no,copyhistory=no,width=480, height=180, left=200, screenX=200, top=100, screenY=100″)
babalasayfa.document.write(“<html><head></head><body bgcolor=#ffffcc>”)
babalasayfa.document.write(“<h1>En büyük ” + buyuk + “! BaÅŸka büyük yok!</h1><br>”)
babalasayfa.document.write(“<h4>Sayın ” + kucuk + “, babalama ücreti 50 milyon! Hemen ödeyin</h4>”)
babalasayfa.document.write(“</body></html>”)
}
</script>
</head>
<body>
<form>
<p>Ä°smini yazın lütfen…</p>
<input type=”button” value=”Babalama Düğmesi” onclick=”babala()”>
</form>
</body>
</html>Â
Â
Bu sayfada metinsel yöntem kodlarının bir kısmını inceledik. O kadar çok var ki bu sayfada hepsini incelemenin imkanı yok. Ama hepsi böyle kullanımı basit kodlar. JavaScript Komutlarını anlatan referans sayfalarında tüm metinsel kodları görebilirsiniz.
Â
Â
Â
Â
Yorumlar
Yorum Yok
Yorumunuzu Ekleyin
Yorum eklemek için giris yapmalısınız.