1. Anasayfa
  2. Javascript

JavaScript Örnekleri – Vücut Kitle Endeksi Hesaplama


8

Vücut Kitle Endeksini javascript kullanarak hesaplama işlemini yapacağız. Kullanıcının girdiği boy ve kilo değerlerine göre zayıf,sağlıklı ve kilolu şeklinde uyarı mesajları verecek olan programı yazacağız. Bu Örneğimizde javascript ile form nesnelerine(text gibi) erişim, fonksiyon tanımlama ve kullanma ve if deyimi ile program kontrolü işlemlerini tekrar etmiş olacağız JavaScript ile ücut Kitle Endeksi Hesaplama örneğimizin kodları ve çalışan hali…:

<!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>
<title>www.bilisimogretmeni.com Vücut Kitle Endeksi Hesaplama</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>
<script language="JavaScript" type="text/javascript">
<!--
function hesapla() {
var kilo = document.KitleForm.kilo.value
var boy = document.KitleForm.boy.value
if(kilo > 0 && boy > 0){	
var sonuc = kilo/(boy/100*boy/100)
document.KitleForm.endeks.value = sonuc
if(sonuc < 18.5){
document.KitleForm.islemsonucu.value = "Zayıfsınız"
}//www.bilisimogretmeni.com
if(sonuc > 18.5 && sonuc < 25){
document.KitleForm.islemsonucu.value = "Gayet Sağlıklı."
}
if(sonuc > 25){
document.KitleForm.islemsonucu.value = "Şişmansınız."
}
}//www.bilisimogretmeni.com
else{
alert("Böyle kilo,boy olmaz tekrar dene")
}
}
//-->
</script>
</head>

<body>
<form name="KitleForm">
Kilo(kg): <input type="text" name="kilo" size="10"><br />
Boy(cm): <input type="text" name="boy" size="10"><br />
<input type="button" value="Kontrol Et" onClick="hesapla()"><br />
Vücut Kitle Endeksiniz: <input type="text" name="endeks" size="10"><br />
Sonuca Göre: <input type="text" name="islemsonucu" size="25"><br />
<input type="reset" value="Temizle" />
</form>
</body>
</html>

[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/z4s4g66y/” style=”width:100%; height:250px; border:solid #4173A0 1px;”]

Bu İçeriğe Tepkin Ne Oldu?
  • 3
    ba_ar_l_
    Başarılı
  • 0
    gayet_yi
    Gayet İyi
  • 2
    te_ekk_rler
    Teşekkürler
  • 0
    anlamad_m
    Anlamadım
  • 8
    yetersiz
    Yetersiz
İlginizi Çekebilir
Subscribe
Bildir
guest

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

8 Yorum
Inline Feedbacks
View all comments
Sümeyye Bayar

Peki biz bunu dreamweaver da kod kullanmadan yapabilirmiyiz sadece tasarımdan projem var acil yanitlayabilir misiniz

BilisimOgretmeni

kod kullanmadan herhangi bir hesaplama işlemi yapamazsınız

İbo

Merhaba hocam. Bir şey isteyebilir miyim sizden? Bu formu biraz daha detaylandırabilir misiniz? Yaş gruplarına veya aktivite durumuna göre?

BilisimOgretmeni

yapılabilir ama malesef şuanda konu ile ilgilenemeyeceğim

Cem

hocam merhabalar bu formülü daha fazla geliştirme imkanımız var mı acaba? Örneğin: yaşa göre vs. mesela şuan ki formül kaç yaş için uygun ve diğer yaşlarda eklenebilir mi?

BilisimOgretmeni

evet istediğiniz şekilde düzeltebilirsiniz,uygulamada kullanılan formül genel bir formül belli bir yaş sınır yok iyi çalışmalar…

Gökhan Kulaksız

kodları nereye yapıştıracağımı bilmiyorum,
bir

içerisine ney yazmam gerek kodların bir kısmı sayfa başına mı atılacak yardım gerekli

BilisimOgretmeni

yukarıdaki kodlar aynen yazdığınızda çalışır, eğer div içince göstermek istiyorsanız sadece form etiketleri arasındaki bölümü oraya yapıştırmayı deneyin