Javascript Fonksiyon Kullanımı Örnekleri

Örnek-1: Klavyeden girilen seçime göre 1 girilirse haftanın günlerinden hangisi olduğunu, 2 girilirse yılın aylarından hangi ay olduğunu, 3 girilirse yılın mevsimlerinden hangisi olduğunu yine girilen sayıya göre bulan Javascript kodunu Fonksiyon kullanarak yapan örnek program.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script type="text/javascript"> 

      function haftagun()	
      { 
            var gun=prompt("Haftanın Kaçıncı Günü:");
            switch(gun)
            {case "1": alert("Haftanın " + gun + " . Günü Pazartesidir");	break;
             case "2":  alert("Haftanın " + gun + " . Günü Salıdır");	break;
             case "3":  alert("Haftanın " + gun + " . Günü Çarşambadır");  break;
             case "4":  alert("Haftanın " + gun + " . Günü Perşembedir"); break;
             case "5":  alert("Haftanın " + gun + " . Günü Cumadır");	break;
             case "6":  alert("Haftanın " + gun + " . Günü Cumartesidir");	break;
             case "7":  alert("Haftanın " + gun + " . Günü Pazardır");	break;
            }
      }	
      
      function yilay()	
      { 
            var ay=prompt("Yılın Kaçıncı Ayı:");
            switch(ay)
            {case "1": alert("Yılın " + ay + " . Ayı Ocak'tır"); break;
             case "2": alert("Yılın " + ay + " . Ayı Şubat'tır"); break;
             case "3": alert("Yılın " + ay + " . Ayı Mart'tır"); break;
             case "4": alert("Yılın " + ay + " . Ayı Nisan'dır"); break;
             case "5": alert("Yılın " + ay + " . Ayı Mayıs'dır"); break;
             case "6": alert("Yılın " + ay + " . Ayı Haziran'dır"); break;
             case "7": alert("Yılın " + ay + " . Ayı Temmuz'dur"); break;
             case "8": alert("Yılın " + ay + " . Ayı Ağustos'dur"); break;
             case "9": alert("Yılın " + ay + " . Ayı Eylül'dür"); break;
             case "10": alert("Yılın " + ay + " . Ayı Ekim'dir"); break;
             case "11": alert("Yılın " + ay + " . Ayı Kasım'dır"); break;
             case "12": alert("Yılın " + ay + " . Ayı Aralık'tır"); break;
            }
      }
      
      function mevsimler()	
      { 
            var mevsim=prompt("Yılın Kaçıncı Mevsimi:");
            switch(mevsim)
            {case "1": alert("Yılın " + mevsim + " . Mevsimi İlkbahardır");	break;
             case "2": alert("Yılın " + mevsim + " . Mevsimi Yazdır");	break;
             case "3": alert("Yılın " + mevsim + " . Mevsimi Sonbahardır");	break;
             case "4": alert("Yılın " + mevsim + " . Mevsimi Kışdır");	break;
            }
      }
            
      var secim=parseInt(prompt("1-Günler 2-Aylar 3-Mevsimler"));
      if (secim==1){ haftagun() }
      if (secim==2){ yilay() }
      if (secim==3){ mevsimler() }
      if (secim<1 || secim>3 )
      { 
            document.write("Hatalı Giriş Yaptınız"); 
      }
      
</script>
</body>
</html>

KENDİN DENE

Örnek-2: Javascript programlama dilinde Değer döndüren Fonksiyon kullanarak verilen bir kenar uzunluğuna göre karenin alanını hesaplayan örneğini yapınız.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>
<script type="text/javascript"> 
      function karesi(x)
      { 
            var kare=x*x;
            return kare;
      }	 	
      alert(karesi(5));
</script>
</body>
</html>

KENDİN DENE

Örnek-3: Javascript programlama dilinde Değer döndüren Fonksiyon kullanarak verilen uzun kenar ve kısa kenar uzunluğuna göre dikdörtgenin alanını hesaplayan örneğini yapınız.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>
<script type="text/javascript"> 
      function alan(x,y)
      { 
            var alani=x*y;
            return alani;
      }	 	
      alert("Dikdörtgenin Alanı:"+alan(5,8));
</script>
</body>
</html>

KENDİN DENE

Örnek-4: Javascript programlama dilinde Değer döndüren Fonksiyon kullanarak klavyeden girilen 3 sayının toplamını hesaplamak için fonksiyona göndererek sonucunu hesaplayan ve ekranda yazdıran örneğini yapınız.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>
<script type="text/javascript"> 
      function toplama(x,y,z)
      { 
            var toplam=x+y+z;
            return toplam;
      }	 
      var x=parseInt(prompt("Birinci Sayı"));	
      var y=parseInt(prompt("İkinci Sayı"));
      var z=parseInt(prompt("Üçüncü Sayı"));
      
      alert("Sayıların Toplamı: "+toplama(x,y,z));
</script>
</body>
</html>

KENDİN DENE

Örnek-5: Javascript programlama klavyeden girilen yarıçap ve yüksekliğe göre silindirin hacmini ve alanını ayrı ayrı fonksiyon kullanarak hesaplatan ve sonucu ekranda yazdıran örneğini yapınız.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>
<body>
<script type="text/javascript"> 
      function silindir_alani(yaricap,yukseklik)
      { 
            var pi1=3.14;
            var alan=(2*pi1*yaricap*(yaricap+yukseklik));
            return alan;
      }
      
      function silindir_hacmi(yaricap,yukseklik)
      { 
            var pi=3.14;
            var hacim=pi*yaricap*yaricap*yukseklik;
            return hacim;
      }	
      
      var yuk=parseInt(prompt("Silindirin Yüksekliğini Giriniz")); 
      var yar=parseInt(prompt("Silindirin Yarıçapını Giriniz"));
      
      document.write("Silindirin Alanı: "+ silindir_alani(yar,yuk) + "<br>");
      document.write("Silindirin Hacmi: "+ silindir_hacmi(yar,yuk));
</script>
</body>
</html>

KENDİN DENE

Bu Yazıya Tepkin Nedir?