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;”]
Peki biz bunu dreamweaver da kod kullanmadan yapabilirmiyiz sadece tasarımdan projem var acil yanitlayabilir misiniz
kod kullanmadan herhangi bir hesaplama işlemi yapamazsınız
Merhaba hocam. Bir şey isteyebilir miyim sizden? Bu formu biraz daha detaylandırabilir misiniz? Yaş gruplarına veya aktivite durumuna göre?
yapılabilir ama malesef şuanda konu ile ilgilenemeyeceğim
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?
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…
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
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