JavaScript ile Fonksiyon İşlemleri

Fonksiyonlar, programlama dillerinde olduğu gibi çok tekrarlanan kodları bir çatı altında toplamaya yarar. JavaScript'de de birden fazla tekrar eden kodlarımız var, defalarca yazmak yerine kendi yazdığımız bir fonksiyon altında toplayabiliriz.

function fonk_adi(parametreler){

 
 //kodlar burada

return(sonuc); // Bu kısım zorunlu değil
}

Aşağıdaki iki satırla hatırlayacağınız gibi ekrana mesaj yazdırıyoruz.

 
<html>
<head>
<title> İlk JavaScript </title>
</head>
<body>
 
<input type="button" onclick="alert('merhaba');"  value="Bana tıkla" />

</body>
</html>
 
 
Şimdi bu işlemi fonksiyonel şekilde yapalım.

<html>
<head>
<title> İlk JavaScript </title>
</head>
<script>
function mesajYaz(msg){
alert(msg);
}
</script>
<body>
 
<input type="button" onclick="mesajYaz('Kayıt Ekleme')
value="Ekle" />
 
<input type="button" onclick="mesajYaz('Kayıt Ekleme')
value="Ekle" />
 
<input type="button" onclick="mesajYaz('Kayıt Silme')
value="Silme" />

</body>
</html>

Şimdi de bir metin kutusuna girilen değeri kontrol eden, boş bırakılmışsa "Ad alanını doldurunuz" yazan bir uygulama yapalım.

<html>
<head>
<title> İlk JavaScript </title>
</head>
<script>
function kontrol(){

if (document.getElementById("ad").value=="")
    alert("Ad alanını doldurunuz");
else
     alert("Merhaba "+document.getElementById("ad").value);

}
</script>
<body>
 
Adı <input type="text" id="ad"/>
<input type="button" onclick="kontrol();" value="Kontrol">
 
</body>
 
</html>

Bookmark and Share
Dil Değiştir(Change Language)