İlginizi Çekebilir
  1. Ana Sayfa
  2. Javascript
  3. JavaScript Örnekleri – Vücut Kitle Endeksi Hesaplama

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

Yorum Yap

8
Kimler Neler Demiş?

Bir Cevap Yazın

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  Subscribe  
Bildir
Sümeyye Bayar
Ziyaretçi
Sümeyye Bayar

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

BilisimOgretmeni
Ziyaretçi
BilisimOgretmeni

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

İbo
Ziyaretçi
İbo

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

BilisimOgretmeni
Ziyaretçi
BilisimOgretmeni

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

Cem
Ziyaretçi
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
Ziyaretçi
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
Ziyaretçi
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
Ziyaretçi
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