Hitung BMI (Body Mass Index) sesuai Standar WHO

Kalkulator BMI Medis Berstandar WHO :root { --primary-color: #2c3e50; --secondary-color: #3498db; --bg-color: #f4f7f6; --text-color: #333; }

body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--bg-color); color: var(--text-color); line-height: 1.6; margin: 0; padding: 20px; }

.container { max-width: 550px; margin: 20px auto; background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }

h2 { text-align: center; color: var(--primary-color); margin-bottom: 5px; }

.subtitle { text-align: center; font-size: 0.9em; color: #7f8c8d; margin-bottom: 25px; }

.form-group { margin-bottom: 20px; }

label { display: block; margin-bottom: 8px; font-weight: 600; color: var(--primary-color); }

input[type="number"], select { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px; box-sizing: border-box; transition: border-color 0.3s; }

input[type="number"]:focus, select:focus { border-color: var(--secondary-color); outline: none; }

.row { display: flex; gap: 15px; }

.row .form-group { flex: 1; }

button { width: 100%; padding: 14px; background-color: var(--secondary-color); color: white; border: none; border-radius: 6px; font-size: 16px; font-weight: bold; cursor: pointer; transition: background-color 0.3s; }

button:hover { background-color: #2980b9; }

#result-container { margin-top: 25px; padding: 20px; border-radius: 8px; display: none; text-align: center; }

.bmi-value { font-size: 2.5em; font-weight: bold; margin: 10px 0; }

.bmi-category { font-size: 1.2em; font-weight: 600; margin-bottom: 15px; }

.details { text-align: left; background: rgba(255,255,255,0.5); padding: 15px; border-radius: 6px; font-size: 0.95em; }

.disclaimer { margin-top: 25px; font-size: 0.85em; color: #7f8c8d; background-color: #fdf2e9; padding: 15px; border-left: 4px solid #e67e22; border-radius: 4px; }

/* Status Colors */ .status-underweight { background-color: #e3f2fd; color: #1565c0; border: 2px solid #90caf9; } .status-normal { background-color: #e8f5e9; color: #2e7d32; border: 2px solid #a5d6a7; } .status-overweight { background-color: #fff3e0; color: #e65100; border: 2px solid #ffcc80; } .status-obese { background-color: #ffebee; color: #c62828; border: 2px solid #ef9a9a; }

Kalkulator BMI Medis Berdasarkan Klasifikasi World Health Organization (WHO)

Usia (Tahun) Jenis Kelamin Laki-laki Perempuan

Tinggi Badan (cm) Berat Badan (kg)

Hitung BMI & Analisis

Indeks Massa Tubuh Anda: 0.0 Kategori Rentang Berat Badan Ideal:

Risiko Kesehatan Medis:

Catatan Medis: Kalkulator BMI ini adalah alat skrining awal dan bukan alat diagnostik mutlak. BMI tidak memperhitungkan persentase lemak tubuh, massa otot, kepadatan tulang, atau distribusi lemak. Atlet, wanita hamil, dan lansia disarankan untuk berkonsultasi dengan tenaga medis profesional untuk evaluasi komposisi tubuh yang akurat.

function calculateBMI() { const age = parseInt(document.getElementById('age').value); const heightCm = parseFloat(document.getElementById('height').value); const weightKg = parseFloat(document.getElementById('weight').value); if (!heightCm || !weightKg || heightCm <= 0 || weightKg <= 0) { alert("Harap masukkan data tinggi dan berat badan yang valid."); return; }

// Kalkulasi Dasar const heightM = heightCm / 100; const bmi = weightKg / (heightM * heightM); // Kalkulasi Berat Ideal (Batas Normal WHO BMI: 18.5 - 24.9) const idealWeightMin = (18.5 * (heightM * heightM)).toFixed(1); const idealWeightMax = (24.9 * (heightM * heightM)).toFixed(1);

let category = ""; let risk = ""; let statusClass = "";

// Klasifikasi WHO untuk Dewasa (>= 20 Tahun) if (bmi = 18.5 && bmi = 25.0 && bmi = 30.0 && bmi = 35.0 && bmi <= 39.9) { category = "Obesitas Tingkat II (Severe Obese)"; risk = "Sangat Tinggi (Risiko serius gangguan metabolisme & sendi)"; statusClass = "status-obese"; } else { category = "Obesitas Tingkat III (Morbid Obese)"; risk = "Ekstrem (Membutuhkan intervensi medis segera)"; statusClass = "status-obese"; }

// Tampilkan Hasil const resultContainer = document.getElementById('result-container'); resultContainer.style.display = "block"; resultContainer.className = statusClass; document.getElementById('bmi-score').innerText = bmi.toFixed(1); document.getElementById('bmi-category').innerText = category; document.getElementById('ideal-weight').innerText = `${idealWeightMin} kg - ${idealWeightMax} kg`; document.getElementById('health-risk').innerText = risk;