JavaScript ile BMI Hesaplayıcısı Oluşturma

JavaScript ile BMI Hesaplayıcısı Oluşturma

Merhaba! Bugün sizlerle JavaScript kullanarak basit ve kullanışlı bir Vücut Kitle İndeksi (BMI) hesaplayıcısı nasıl oluşturacağınızı adım adım göstereceğim. Bu hesaplayıcı, kullanıcının boyunu ve kilosunu alarak BMI değerini hesaplayacak ve sonucu ekranda görüntüleyecektir. Ayrıca, hesaplanan BMI değerine göre sağlık durumuyla ilgili genel bir değerlendirme de sunacaktır.

Öncelikle, HTML yapımızı oluşturalım. Bu yapı, kullanıcıdan boy ve kilo bilgilerini alacağımız iki adet metin kutusu ve hesaplama butonunu içerecektir. Sonuçları göstereceğimiz bir alan da ekleyeceğiz.

<input type="number" id="boy" placeholder="Boy (metre)">
<input type="number" id="kilo" placeholder="Kilo (kg)">
<button onclick="hesaplaBMI()">Hesapla</button>
<p id="sonuc"></p>

Şimdi ise, JavaScript kodumuzu yazalım. Bu kod, kullanıcıdan alınan boy ve kilo değerlerini kullanarak BMI’yı hesaplayacak ve sonucu ekranda görüntüleyecektir. Hesaplanan BMI değerine göre, kullanıcının sağlık durumu hakkında kısa bir yorum da ekleyeceğiz.

function hesaplaBMI() {
  let boy = parseFloat(document.getElementById("boy").value);
  let kilo = parseFloat(document.getElementById("kilo").value);
  let bmi = kilo / (boy * boy);
  let sonuc = document.getElementById("sonuc");

  sonuc.innerHTML = "BMI: " + bmi.toFixed(2);

  if (bmi < 18.5) {
    sonuc.innerHTML += " (Zayıf)";
  } else if (bmi < 25) {
    sonuc.innerHTML += " (Normal)";
  } else if (bmi < 30) {
    sonuc.innerHTML += " (Kilolu)";
  } else {
    sonuc.innerHTML += " (Obez)";
  }
}

Bu kodda, öncelikle kullanıcıdan alınan boy ve kilo değerleri sayısal olarak ayrıştırılıyor. Daha sonra BMI formülü kullanılarak hesaplama yapılıyor. Sonuç, iki ondalık basamağa yuvarlanarak ekrana yazdırılıyor. Son olarak, hesaplanan BMI değerine göre bir yorum ekleniyor. Bu yorumlar genel sağlık durumunu yansıtmak için basit bir yaklaşım kullanıyor. Daha detaylı bir değerlendirme için bir sağlık uzmanına danışılması önerilir.

Bu basit BMI hesaplayıcısı, JavaScript’in web uygulamalarında nasıl kullanılabileceğine dair güzel bir örnektir. Daha gelişmiş özellikler ekleyerek, uygulamayı daha da özelleştirebilirsiniz. Örneğin, kullanıcı profilini kaydetme, grafiksel gösterimler ekleme veya daha detaylı sağlık yorumları sunma gibi geliştirmeler yapılabilir.

Umarım bu makale yararlı olmuştur. Daha fazla JavaScript ve web geliştirme içeriği için fatihsoysal.com adresini ziyaret edebilirsiniz. Başka sorularınız varsa lütfen bana ulaşmaktan çekinmeyin. Daha detaylı bilgi için buraya bakabilirsiniz.

#Etiketler
BMI hesaplayıcı, JavaScript, Vücut Kitle İndeksi, sağlık, kodlama, programlama, web geliştirme, tutorial, Fatih Soysal