Bu örnekte JavaScript ile vücut kitle indeksi hesaplayan programı oluşturacağız.
Yapılması gereken işlemleri aşağıdaki probleme göre gerçekleştireceğiz.
Problem:
Kullanıcının girdiği boy ve ağırlık değerlerine göre vücut kitle indeksini (VKİ=ağırlık/(boy*boy), boy metre cinsinden verilmeli) hesaplayınız.
VKİ 18 ile < 25 aralığındaysa normal,
VKİ 25 ile <30 aralığındaysa kilolu,
VKİ 30 ve daha yüksekse obez,
VKİ 35 ve daha fazlaysa ciddi obez olarak kabul edilir.
VKİ’ni hesaplayarak kişinin durumunu yazdırınız.
Çözüm:
Yukarıdaki problemi incelediğimizde aşağıdaki adımları yapmamız gerektiğini anlıyoruz.
Öncelikle kullanıcıdan boy ve kilo bilgisi iste.
Alınan boy ve kilo verisine göre vki hesapla. vki=kilo(boy*boy)
Hesaplanan indeks değerini if-else koşul ifadeleriyle sonucu yazdır.
Canlı Örnek:
JavaScript Kodları:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | <!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> TASARIM KODLAMA </title> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> <style> #vki{ transition: 1s all; } </style> </head> <body> <div class="container"> <form> <div class="form-group"> <label for="boy">Boyunuzu Girin(cm)</label> <input type="text" class="form-control" id="boy" placeholder="173"> </div> <div class="form-group"> <label for="kilo">Kilonuzu Girin(kg)</label> <input type="text" class="form-control" id="kilo" placeholder="73"> </div> </form> <div class="alert alert-primary" role="alert" id="vki"> Endeks Hesaplama </div> </div> <script> const boy =document.querySelector("#boy") const kilo =document.querySelector("#kilo") const vki =document.querySelector("#vki") boy.addEventListener('input',vkiHesapla); kilo.addEventListener('input',vkiHesapla); function vkiHesapla() { b=boy.value/100 k=kilo.value endeks = k/(b*b) endeks=endeks.toFixed(2) vki.setAttribute("class","") if(endeks <18) { vki.innerHTML="ZAYIF vki:" + endeks vki.setAttribute("class","alert alert-secondary") } else if(endeks >= 18 && endeks <25) { vki.innerHTML="NORMAL vki:"+endeks vki.setAttribute("class","alert alert-success") } else if(endeks >= 25 && endeks <30) { vki.innerHTML="KİLOLU vki:"+endeks vki.setAttribute("class","alert alert-warning") } else if(endeks >= 30 && endeks <35) { vki.innerHTML="OBEZ vki:"+endeks vki.setAttribute("class","alert alert-danger") } else { vki.innerHTML="CİDDİ OBEZ vki:"+endeks vki.setAttribute("class","alert alert-danger") } } </script> </body> </html> |
Yorum Yap