Javascript - Nesne yapısı 2 - PcTekno.NET | PTN

Konumunuz: Anasayfa

Javascript

Javascript - Nesne yapısı 2

Çarşamba, 04 Temmuz 2007

Javascriptin nesnesel yapısı

Bu bölümde javaScriptin nesne yapısını bir örnek üzerinde detaylı olarak göreceğiz. Bu örneği iyice kavaramanız gerekmektedir. Çünkü javaScriptin nasıl çalıştığını, mantığını kavaradıktan sonra istediğiniz metodu kolayca uygulayabilir ve yeni konuları rahatça anlarsınız.

Yazacağımız program yine bir form verisini almak ve işelemek olacak. Bunun nedeni daha önce formlar ile bir çok işlem yapmamız ve bu konuya aşina olmamızdır.

Burada aklımıza javaScript ile sadece formlar üzerinde mi çalışacağız? şeklinde bir soru gelebilir. Bu sorunun cevabı kesin olarak hayırdır. JavaScript ile tam fonksiyonlu bir hesap makinasından güzel bir oyuna kadar bir çok programı tasarlayabiriz.

 
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-9">
<script language="JavaScript">
<!-- gizle
var adiniz;
var e_mailiniz;
var yasiniz;
var dogumYili;
var kontrol=0;
 
function tamam()
        {
        kontrol++
        adiniz=document.bilgi.adiniz.value;
        e_mailiniz=document.bilgi.e_mail.value;
        yasiniz=document.bilgi.yas.value;
 
        dogumYili=1999-yasiniz;
 
        sonuc="sayın "+adiniz+" doğum tarihin "+dogumYili;
        document.bilgi.sonuc.value=sonuc;
        if(kontrol==1) document.bilgi.but1.value="doğru mu?";
        if(kontrol==2)
                {
                document.bilgi.sonuc.value=
                "bilgileri durum çubuğuna yazıyorum.";
                document.bilgi.but1.value="tamam mı?";
                }
        if(kontrol==3)
                {
                document.bilgi.sonuc.value="Yeni bilgileri giriniz";
                document.bilgi.but1.value="tamam";
                document.bilgi.adiniz.value="";
                document.bilgi.e_mail.value="";
                document.bilgi.yas.value="";
                window.status="Adı : "+adiniz+" E-Mail : "+e_mailiniz+
" D.yılı : "+dogumYili;
                kontrol=0;
                }
        }
// gizleme sonu -->
</script>
</head>
<body>
<form name=bilgi>
Lütfen adınızı girin :
<br><input type="text" name="adiniz" size=20>
<br>E-Mail adresiniz :
<br><input type="text" name="e_mail" size=20>
<br>Yaşınız :
<br><input type="text" name="yas" size=3>
<br>Sonuçlar :
<br><input type="text" name="sonuc" size=40>
<br>
<input type=button value="  tamam  " name=but1 onClick="tamam()">
</form>
</body>
</html>

Program isim, e-mail ve yaşı kullanıcıdan alıyor. Sonra forma sonuç olarak isimle hitap ederek doğum yılını yazıyor. Yazılanları doğrulattıktan sonra durum çubuğuna kullanıcının ismini, e-mailini ve doğum yılını yazıyor.

Yorumlar (0) Add Comment