301: JavaScriptBaşlangıç seviyesi derslerde Web Programlama uygulama geliştirme ortamını detaylı olarak inceliyoruz.

Tüm Eğitimleri Aldın mı? Kendini sınamanın tam zamanı

Haydi Sınava Gir

Fonksiyonların Tanımlanması

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : web programlama

JavaScript'te bir fonksiyon aşağıdaki bileşenlerden oluşur:

  1. function anahtar sözcüğü
  2. Fonksiyonun adı
  3. Fonksiyona ait argüman listesi. Bu liste fonksiyon adını izleyen ( ) sembolleri içine ve eleman ayracı olarak virgül sembolü kullanılarak oluşturulur.

JavaScript fonksiyonu içinde yer alacak JavaScript deyimleri ise { } sembolleri içine yerleştirilir.

Bir fonksiyon içindeki bir deyim mevcut uygulama içinde tanımlanmış olan başka bir fonksiyonu çağırabilir.

Aşağıda f_yaz adlı bir JavaScript fonksiyonunu görüyorsunuz:

function f_yaz(string1) {
document.write("<HR><P>" + string1)
}

Bu fonksiyon string türündeki tek argümanını alarak bunu aktif belge üzerine yazdırıyor. Bu fonksiyonu tanımlayan ve kullanan bir HTML-JavaScript kodu ise aşağıda verilmiştir:
 

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<H3>JAVASCRIPT UYGULAMALARI</H3>
<SCRIPT LANGUAGE="JAVASCRIPT">
function f_yaz(string1)
{
document.write("<H1>"+string1+"</H1>");
}
f_yaz("MIMAR SINAN UNIVERSITESI");
</SCRIPT>
</BODY>
</HTML>

Şimdi form üzerindeki renk düğmeleryle zemin rengini değiştirmeyi deneyelim:
 

<HTML>
<HEAD>
<H3>ZEMİN RENKLERİ UYGULAMASI</H3>
<SCRIPT LANGUAGE="JavaScript">
<!-- JavaScript -
function renk(kod) {
document.bgColor=kod
}
// - JavaScript - -->
</SCRIPT>
</HEAD>
<BODY>
<form>
<FONT FACE="Comic sans MS" TEXT="red">
<input type="button" name="Button1" value="SARI" onclick="renk('yellow')">
<input type="button" name="Button2" value="KIRMIZI" onclick="renk('red')">
<input type="button" name="Button3" value="YEŞİL" onclick="renk('green')">
<input type="button" name="Button4" value="MAVİ" onclick="renk('blue')">
<input type="button" name="Button5" value="BEYAZ" onclick="renk('white')">
</FONT>
</form>

Örnek kod çalıştırılınca hangi renk düğmesine basılırsa zemin rengi o rengi alacaktır. Burada input etiketindeki (tag) onclick niteliği (attribute) düğmeye ilgili JavaScript fonksiyonunu atar. Böylece düğmeye basıldığında renk() fonksiyonu çalışacaktır.