Üye Girişi Yapınız     


    E-Posta
    

    Şifreniz
    



Şifremi Unuttum


Ana Sayfa Site Hakkında İletişim Ziyaretçi Defteri Döküman İndir Makale Ekle Haber Ekle

     Açılır menüden seçilen işlemi yapan javascript kodları
     ORHANBAYAR     07.04.2014     10:54:58

Açılır menüden yapmak istediğmiz işlemi seçip text kutularına gerekli değerli girip butona tıkladığımızda sonucu buluyoruz. İşlemlerimiz karenin alanı, üçgenin alanı, dairenin alanı şeklinde olacaktır. Form içersinde yer alan text kutularında yer alan bilginin ve açılır liste kutusundan seçilen seçeneğin hangisi olduğunu anlamamızı sağlayan kodları içermesi bakımından da güzel bir örnektir. Kodları deneyiniz.



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Orhan Bayar</title>
<script type="text/javascript">
function hesapla()
{
var sayi1=parseInt(window.document.forms.form1.kutu1.value);
var sayi2=parseInt(window.document.forms.form1.kutu2.value);
var secilen=window.document.forms.form1.islem.selectedIndex;
var sonuc;
alert(sayi1);
if(secilen==0)
{
sonuc=sayi1*sayi1;
window.document.forms.form1.kutu3.value=sonuc;
}
if(secilen==1)
{
sonuc=(sayi1*sayi2)/2;
window.document.forms.form1.kutu3.value=sonuc;
}
if(secilen==2)
{
sonuc=(sayi1*sayi1*3.14);
window.document.forms.form1.kutu3.value=sonuc;
}
</script>
</head>
<body>
<form name="form1" >
<div style="border:1px solid blue; position:absolute;">
Sayı1:karenin bir kenarı, üçgenin tabanı, dairenin yarı çapı<br>
Sayı2:Üçgenin yüksekliği<br><br>
Sayı1<input type="text" name="kutu1" />&nbsp;&nbsp;
Sayı2<input type="text" name="kutu2" /><br>
İşlem Seç:
<select name="islem">
  <option>Karenin Alanı</option>
  <option>Üçgenin Alanı</option>
  <option>Dairenin Alanı</option>
</select>
<input name="hesap" type="button" value="Hesapla" onClick="hesapla()" />
<br>Sonuc<input type="text" name="kutu3" />
</div>
</form>
</body>
</html>

Facebook'ta Paylaş    
Diğer JavaScript İçerikleri       Tüm Yazılar        Ana Sayfa


  =>Soru Sorun veya Yorum Yazın...

İsim Giriniz :
  

  =>Yapılan Yorumlar...