JavaScript
JavaScript Vücut Kitle İndeksi Hesaplayıcı

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>
JavaScript
JavaScript Rastgele Background Rengi Değiştirme

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>
- Kali Linux4 hafta Önce
Kali Linux Dirbuster ile Dos Saldırısı Nasıl Yapılır?
- apache server2 ay Önce
.htaccess Dosyası Nedir ve Nasıl Kullanılır?
- Blog2 ay Önce
Windows 10’da WiFi Gözükmüyor Sorunu ve Çözümleri
- Blog2 ay Önce
PHP Nedir, Ne İşe Yarar? Kullanım alanları Nelerdir?
- Arduino3 ay Önce
Arduino Nedir? Nasıl Çalışır? Ne İşe Yarar?
- Python Dersleri3 ay Önce
PYTHON Port Scanner Aracınızı Oluşturun!
- ChatGPT5 ay Önce
ChatGPT API Kendi Yapay Zeka Sohbet Robotunuzu Yapın
- Blog6 ay Önce
Laravel Nedir? Laravel Özellikleri Nelerdir?