
<form class="form-inline" method="post" id="seubForm">
<label><?php esc_html_e('Cinsiyet', 'seub'); ?></label>
<select name="gender" class="form-control mb-2" required>
<option value="Erkek"><?php esc_html_e('Erkek', 'seub'); ?></option>
<option value="Kadın"><?php esc_html_e('Kadın', 'seub'); ?></option>
</select>
<label><?php esc_html_e('Kilo (kg)', 'seub'); ?></label>
<input type="number" name="weight" class="form-control mb-2" step="1" placeholder="80" required>
<label><?php esc_html_e('Boy (cm)', 'seub'); ?></label>
<input type="number" name="height" class="form-control mb-2" step="1" placeholder="180" required>
<button type="submit" class="buton-hesapla"><?php esc_html_e('Hesapla', 'seub'); ?></button>
<button type="button" class="buton-hesapla" onclick="temizleForm()"><?php esc_html_e('Temizle', 'seub'); ?></button>
</form> <script>
function temizleForm() {
document.getElementById("seubForm").reset();
document.getElementById("sonuc").style.display = "none";
}
</script> <?php
function calculateBMI($gender, $weight, $height) {
$bmi = $weight / (($height / 100) ** 2);
return round($bmi, 2);
}
function getBMICategory($bmi) {
if ($bmi < 18.5) {
return esc_html__('Zayıf', 'seub');
} elseif ($bmi >= 18.5 && $bmi < 24.9) {
return esc_html__('Normal', 'seub');
} elseif ($bmi >= 25 && $bmi < 29.9) {
return esc_html__('Kilolu', 'seub');
} elseif ($bmi >= 30 && $bmi < 34.9) {
return esc_html__('Fazla Kilolu', 'seub');
} elseif ($bmi >= 35 && $bmi < 39.9) {
return esc_html__('Şişman', 'seub');
} else {
return esc_html__('Obezite', 'seub');
}
}
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$gender = $_POST['gender'];
$weight = $_POST['weight'];
$height = $_POST['height'];
$bmi = calculateBMI($gender, $weight, $height);
$category = getBMICategory($bmi);
?>
<div id="sonuc" class="sonuclar">
<table>
<tr>
<td colspan="2"><strong><?php esc_html_e('VÜCUT KİTLE İNDEXSİNİZ', 'seub'); ?></strong></td>
</tr>
<tr>
<td><?php esc_html_e('Cinsiyet', 'seub'); ?></td>
<td><?php echo esc_html($gender); ?></td>
</tr>
<tr>
<td><?php esc_html_e('Kilo (kg)', 'seub'); ?></td>
<td><?php echo esc_html($weight); ?></td>
</tr>
<tr>
<td><?php esc_html_e('Boy (cm)', 'seub'); ?></td>
<td><?php echo esc_html($height); ?></td>
</tr>
<tr>
<td><?php esc_html_e('Vücut Kitle İndeksi (BMI)', 'seub'); ?></td>
<td><?php echo esc_html($bmi); ?></td>
</tr>
<tr>
<td><?php esc_html_e('Durum', 'seub'); ?></td>
<td><?php echo esc_html($category); ?></td>
</tr>
</table>
</div>
<?php
}
?>Merhabalar değerli hocalarım sizlere ara ara bu tarz kendi temalarım için yaptığım araçları sizlere paylaşacağım. İstediğiniz bir şey olursa yorumlarda belirtebilirsiniz.Görünüm olarak Bootstrap kütüphanesini kullandım sizlerde oradan kullanarak aynı görünüme sahip olabilirsiniz.
CANLI DEMO : https://seub.runotema.com/vucut-kitl...saplama-araci/
Dipnot : Php olarak kodlanmıştır. Dileğen olursa JavaScript dökebilirim. (esc_html_e) olan yerler dil dosyası için yapılmıştır dileğen kaldırabilir.