js实现Bmi计算
计算BMI的公式
BMI(Body Mass Index)的计算公式为:
$$
BMI = \frac{weight(kg)}{height(m)^2}
$$

实现步骤
HTML部分
创建一个简单的表单,用于输入体重(kg)和身高(cm),并显示计算结果:

<form id="bmiForm">
<label for="weight">体重 (kg):</label>
<input type="number" id="weight" step="0.1" required>
<label for="height">身高 (cm):</label>
<input type="number" id="height" step="0.1" required>
<button type="submit">计算BMI</button>
</form>
<div id="result"></div>
JavaScript部分
监听表单提交事件,计算BMI并显示结果:
document.getElementById('bmiForm').addEventListener('submit', function(e) {
e.preventDefault();
const weight = parseFloat(document.getElementById('weight').value);
const height = parseFloat(document.getElementById('height').value) / 100; // 转换为米
const bmi = weight / (height * height);
const resultElement = document.getElementById('result');
let category;
if (bmi < 18.5) {
category = "偏瘦";
} else if (bmi < 24) {
category = "正常";
} else if (bmi < 28) {
category = "超重";
} else {
category = "肥胖";
}
resultElement.innerHTML = `BMI: ${bmi.toFixed(2)} (${category})`;
});
功能扩展
- 可以添加输入验证,确保体重和身高为正数。
- 支持国际化,根据地区切换单位(如磅和英寸)。
- 可视化BMI范围图表,增强用户体验。
注意事项
- 身高输入单位为厘米,计算时需要转换为米。
- BMI仅作为粗略参考,实际健康评估需结合其他指标。






