JavaScript Örnekleri 33: Javascript İle Fonksiyon Kullanıp Form Elemanlarından Gelen Verileri Toplayan ve Sonucu da Tekrar Formdaki Alana Gönderen Örneğimiz


11.03.2012-21:11 Tarihinde Eklendi.
www.seyfettinkahveci.com Derecelendirme: 10 / 10 Oy Sayısı: 16002856Toplam Puan: 35060 / Yorum Sayısı: 412002856 adet.


Kodumuz:

<!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>Seyfettin Kahveci</title>
<script type="text/javascript" language="javascript">
function hesapla(a,b){
    a=Number(a);//a değişkeni sayıya dönüştürülüyor
    b=Number(b);//b değişkeni sayıya dönüştürülüyor
    Sonuc.value=a+b;//sonuc kutusunun içerisine cevap yazıldı
}
</script>
</head>
<body>
SAYI-1:<input type="text" name="sayi1" value="" /><BR />
SAYI-2:<input type="text" name="sayi2" value=""/><br />
<input type="button" value="Hesapla" onclick="hesapla(sayi1.value,sayi2.value)"/><br />
SONUC:<input type="text" name="Sonuc" value="" /><br />
</body>
</html>

Kodun Açıklaması:
Bu örneğimizde formdaki buton yardımıyla gönderilen iki adet veriyi sayıya dönüştürüp toplayan ve sonucu da tekrar formdaki alana gönderen kodlarımızı inceledik.
Kodun Ekran Çıktısı:
İlk Örneğimizin Ekran Çıktısı Aşağıdaki Gibi Olacaktır:
Sayı1 ve Sayı 2 Alanına Girilen Verileri Toplayıp Sonuc: Kısmına Yazar.Örnek Sayı1=3 Sayı2=4 girerseniz Sonuc:7 çıktısını verir.

Sorunuz Mu Var?:Kod hakkında anlamadığınız bir bölüm olursa yorum bölümünden yazın en kısa sürede cevaplamaya çalışırım.

Seyfettin KAHVECİ
Balıkesir Üniversitesi
NEF-BOTE



Yazının tamamının kopyalanması yasaktır. En baştaki birkaç paragrafı kopyalayıp, yazıya link verebilirsiniz. Aksi durumda uyarılmaksızın yasal yollara gidilecektir.

Yorum Ekle

Ad Soyad:
Şehir:
Yorum:
Yorumlar
Bu makale için henüz hiç yorum yapılmamış.
Unutmayın Makalelere Yorum Yazmak Yeni Makalelere Teşviktir.