当前位置：首页 > JavaScript

js实现Bmi计算

2026-04-07 15:29:37JavaScript

BMI 计算公式

BMI（Body Mass Index）的计算公式为：
$$ BMI = \frac{weight(kg)}{height(m)^2} $$

js实现Bmi计算

HTML 结构

创建一个简单的表单，用于输入体重（kg）和身高（cm），并显示计算结果：

js实现Bmi计算

<div>
  <label for="weight">体重 (kg):</label>
  <input type="number" id="weight" step="0.1" min="0">
</div>
<div>
  <label for="height">身高 (cm):</label>
  <input type="number" id="height" step="0.1" min="0">
</div>
<button id="calculate">计算 BMI</button>
<div id="result"></div>

JavaScript 实现

监听按钮点击事件，获取输入值并计算 BMI：

document.getElementById('calculate').addEventListener('click', function() {
  const weight = parseFloat(document.getElementById('weight').value);
  const height = parseFloat(document.getElementById('height').value) / 100; // 转换为米

  if (isNaN(weight) || isNaN(height) || height <= 0) {
    document.getElementById('result').textContent = "请输入有效的体重和身高！";
    return;
  }

  const bmi = weight / (height * height);
  document.getElementById('result').textContent = `您的 BMI 是: ${bmi.toFixed(2)}`;
});

BMI 分类提示

可以扩展结果展示，加入 BMI 分类信息：

let category = '';
if (bmi < 18.5) {
  category = '偏瘦';
} else if (bmi < 24) {
  category = '正常';
} else if (bmi < 28) {
  category = '超重';
} else {
  category = '肥胖';
}
document.getElementById('result').textContent = `您的 BMI 是: ${bmi.toFixed(2)} (${category})`;