JavaScript Örnekleri – Vücut Kitle Endeksi Hesaplama

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;”]

  • 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

X

Pin It on Pinterest

X