Textbox'a (Metin Kutusuna) girilen bilgiyi sayfaya yazdırma

Metin kutusuna girilen bilgiyi sayfanızda kullanmanız için yazılmış bir makale.

Merhabalar,
HTML bilindiği üzere Statik bir dildir.Bu sebebple kullancıya özel işlem yaptıramayız. Burada javascript'ten yardım alalım ve Metin kutusuna girilen bilgiye göre kulanıcımı tanımlayalım.

Öncelikle bir form oluşturalım


<form name="goko">

<input type="text" name="gok"><br>

<input type="button" value="Giriş" onclick="oku()">

</form>



Formumuzu tamaladık.Ekranımızda bir adet metin kutus ve bir adet tıklandığında [ oku() ] isimli fonksiyonu çalıştıracak bir buton bulunuyor.

Burada dikkat etmemiz gereken form?a ve
oluşturduğumuz form elemanlarına (name=??) isimlendirme
verilmesidir

Şimdi formumuz hazır olduğuna göre, yapmamız gereken bilgileri
içerisine girilen bilgileri kullanabilmek


document.form_ADI.Textbox_ADI.value==? ?



olaylarımız burada başlıyor.

Kendi formumuza göre düzenlersek;


document.goko.gok.value



goko form ismi
gok textbox ismi

Ben bunu if ile geliştirmek istiyorum.Yazılan "Gökhan ise" hoşgeldin desin değilse, "Siz kimsiniz?"


function oku()

{

if (document.goko.gok.value=="gökhan")

document.write("Hoşgeldin gökhan")

else

document.write("Gökhan yokmu?")

}



Şimdi kodlarımızı tam olarak vereyim.


<html>

<head>

</head>

<script>

function oku()

{

if (document.goko.gok.value=="gökhan")

document.write("Hoşgeldin gökhan")

else

document.write("Gökhan yokmu ?")

}

</script>

<body><center>

<form name="goko">

<input type="password" name="gok">

<input type="button" value="Göster bakalım!" onclick="oku()">

</form>

</body>

</html>

  • Etiketler;
Gökhan Halimoğlu
1989 İzmir doğumlu. 2005 yılından bu yana aktif olarak programlama dünyasının içinde. Şu anda Çukurova Üniversitesinde Bilgisayar Programcılığı bölümünde eğitim hayatını sürdürüyor.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

function oku() { if (document.goko.gok.value=="gökhan") document.write("Hoşgeldin gökhan") else document.write("Gökhan yokmu?") } Sonlarındaki parantezleri keşke unutmasaydın aramızda baya acemiler var kardeşm :)
Bir yanlışlık oldu sanırım.Aslıdna parantezler yazılmıştı. : ) Teşekkürler belirrtiğin için kolay gelsin.

Yukarı Git