JavaScript

JavaScript Vücut Kitle İndeksi Hesaplayıcı

Yayınlanan

3 yıl Önce

İcerisinde

Ekim 1, 2022

Tarafından

Mustafa Salman YT

Bu projemizde JavaScript ile vücut kile indeksini hesaplayan program oluşturacağız. Projemizde kullanıcının girdiği boy ve ağırlık değerini vki=kilo/(boy*boy) şeklinde hesaplayıp kontrol yapılarından geçirdik.

Proje Kodları

<input type="text" id="boy" placeholder="Boy örnek: 1.74"><br>
<input type="text" id="kilo" placeholder="Kilo örnek: 57"><br>
<button id="buton"> Hesapla </button><br><br>

<script>
var boy = document.getElementById("boy");
var kilo = document.getElementById("kilo");
var buton = document.getElementById("buton");

buton.onclick = function(){
    if(boy.value == "" || boy.value == null){
        alert("Boy değerini boş bıraktınız");
    }
    else if(kilo.value == "" || kilo.value == null){
        alert("Kilo değerini boş bıraktınız");
    }
    else{
        hesapla(kilo.value,boy.value);
    }
};
function hesapla(hkilo, hboy){  
    var hs = (hkilo/(hboy*hboy));
    var vki = Math.round(hs); 
    if(vki < 18.5){
        document.write("Vücut kitle indeksi: " + vki + " ==> <span style='color:#5c0101;'> Zayıf </span>");
    }
    else if(vki < 25){
        document.write("Vücut kitle indeksi: " + vki + " ==> <span style='color:blue;'> Normal </span>");
    }
    else if(vki < 30){
        document.write("Vücut kitle indeksi: " + vki + " ==> <span style='color:#5c0101;'> Fazla Kilolu </span>");
    }
    else if(vki < 35){
        document.write("Vücut kitle indeksi: " + vki + " ==> <span style='color:red;'> 1. Derece Obez </span>");
    }
    else if(vki < 40){
        document.write("Vücut kitle indeksi: " + vki + " ==> <span style='color:red;'> 2. Derece Obez </span>");
    }
    else{
        document.write("Vücut kitle indeksi: " + vki + " ==> <span style='color:red;'>3. Derece Obez</span>");
    }
}
</script>

İlgili

Up Next

JavaScript Rastgele Background Rengi Değiştirme

Don't Miss

JavaScript İle Kalan Karakter Sayısını Bulma

Mustafa Salman YT

19 yaşında bir Full Stack Web Geliştiriciyim. Eğitimlerim ve uzmanlık alanlarım arasında web uygulamalarının oluşturulması, SEO stratejileri, Photoshop, Python, HTML, CSS, JavaScript, PHP ve grafik tasarım gibi konular yer almaktadır. Diveebi.com adlı web sitem ve YouTube kanalımda, bu alanlarla ilgili içerikler üretmeye ve paylaşmaya büyük bir tutku ile devam ediyorum.

Yorum yapmak için tıklayın

JavaScript

JavaScript Rastgele Background Rengi Değiştirme

Yayınlanan

2 yıl Önce

İcerisinde

Kasım 30, 2022

Tarafından

Mustafa Salman YT

Bu rehberde, JavaScript kullanarak HTML sayfasının rastgele arka plan rengini değiştirdik.

Proje Kodları

<body onload="renkInterval()">
    <script>
    setInterval(() =>{
        bodyColor()
    }, 100);
     
    function bodyColor() {
        var renk1 = Math.floor(255*Math.random());
        var renk2 = Math.floor(255*Math.random());
        var renk3 = Math.floor(255*Math.random());
        document.body.style.backgroundColor="rgb("+renk1+","+renk2+","+renk3+")";
        console.log("Random Color: " + renk1);
    }
    </script>
</body>