身高体重计算js
时间: 2023-08-06 12:15:52 浏览: 321
利用Javascript实现BMI计算器
5星 · 资源好评率100%
以下是使用 JavaScript 实现身高体重计算的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>BMI Calculator</title>
<meta charset="utf-8">
</head>
<body>
<h1>BMI 计算器</h1>
<form>
<label for="height">身高(厘米):</label>
<input type="number" id="height" required><br>
<label for="weight">体重(千克):</label>
<input type="number" id="weight" required><br>
<button type="submit" onclick="calculateBMI()">计算 BMI</button>
</form>
<div id="result"></div>
<script>
function calculateBMI() {
const height = document.getElementById('height').value / 100;
const weight = document.getElementById('weight').value;
const bmi = weight / (height * height);
const result = document.getElementById('result');
result.innerHTML = `您的 BMI 值为:${bmi.toFixed(2)},属于${getCategory(bmi)}。`;
}
function getCategory(bmi) {
if (bmi < 18.5) {
return '偏瘦';
} else if (bmi >= 18.5 && bmi < 24) {
return '正常';
} else if (bmi >= 24 && bmi < 28) {
return '偏胖';
} else if (bmi >= 28 && bmi < 30) {
return '轻度肥胖';
} else if (bmi >= 30 && bmi < 35) {
return '中度肥胖';
} else {
return '重度肥胖';
}
}
</script>
</body>
</html>
```
在以上代码中,我们通过 HTML 表单来获取用户输入的身高和体重,并通过 JavaScript 计算 BMI 值。具体来说,我们通过输入框的 `id` 属性来获取用户输入的值,然后根据公式 `BMI = 体重 / (身高 * 身高)` 计算 BMI 值。最后,我们根据 BMI 值的大小,判断用户的体重状况,并将结果展示在页面上。需要注意的是,由于 BMI 值通常保留两位小数,因此我们使用 `toFixed(2)` 方法对计算结果进行四舍五入,并保留两位小数。
阅读全文