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>
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. 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>