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ı: 16003128Toplam Puan: 37780 / Yorum Sayısı: 412003128 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.

Uzun süredir yorumlara cevap veremediğim için sistem yeni yorumlara kapatılmıştır. Anlayışınız için teşekkürler.
Yorumlar
Bu makale için henüz hiç yorum yapılmamış.