JavaScript

JavaScript Vücut Kitle İndeksi Hesaplayıcı

Yayınlanan

8 ay Ö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>

Up Next

JavaScript Rastgele Background Rengi Değiştirme

Don't Miss

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

Mustafa Salman YT

Merhabalar! Ben Osmaniye'nin Bahçe ilçesinde doğdum ve şu anda 17 yaşındayım. Kendimi bir web yazılım geliştiricisi ve SEO uzmanı olarak olarak tanımlıyorum ve Diveebi.com ve Youtube kanalımda web site eğitimleri, SEO, Photoshop dersleri, Python projeleri, HTML, CSS, JavaScript, PHP, Grafik dersleri ve benzeri içerikler paylaşıyorum. Kişisel Web Sitemi ziyaret et: https://mustafa.diveebi.com/

Yorum yapmak için tıklayın

JavaScript

JavaScript Rastgele Background Rengi Değiştirme

Yayınlanan

6 ay Ö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>

Okumaya devam et