<在HTML中创建体重计算器，你可以使用HTML表单（form）和JavaScript来收集用户输入并计算体重。下面是一个简单的示例，展示了如何创建一个基本的体重计算器。
HTML部分
首先，你需要创建一个HTML文件，并添加一个表单和一些输入字段，例如身高和体重（这里我们使用BMI（Body Mass Index，身体质量指数）作为示例）。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>体重计算器</title>
<script src="calculator.js"></script> <!-- 引入JavaScript文件 -->
</head>
<body>
<h2>体重计算器</h2>
<form id="weightCalculator">
<label for="height">身高 (cm)：</label>
<input type="number" id="height" name="height" required><br><br>
<label for="weight">体重 (kg)：</label>
<input type="number" id="weight" name="weight" required><br><br>
<button type="button" onclick="calculateBMI()">计算BMI</button>
</form>
<p>您的BMI是：<span id="bmiResult">--</span></p>
</body>
</html>JavaScript部分
接下来，创建一个名为calculator.js的JavaScript文件，并添加以下代码来处理BMI的计算。
function calculateBMI() {
var height = document.getElementById('height').value; // 获取身高输入值
var weight = document.getElementById('weight').value; // 获取体重输入值
var bmi;
if (height === "" || weight === "") {
alert("请填写所有字段！");
return; // 如果没有填写完整，则不进行计算并返回
}
// 计算BMI值
bmi = weight / ((height / 100) * (height / 100));
document.getElementById('bmiResult').textContent = bmi.toFixed(2); // 显示结果，保留两位小数
}解释
- HTML部分：表单包含两个输入字段，分别用于输入身高（厘米）和体重（千克）。还有一个按钮，当点击时调用
calculateBMI()函数。结果显示在<p>标签内。 - JavaScript部分：
calculateBMI()函数首先获取用户输入的身高和体重值。然后，它计算BMI值，并将其显示在页面上。如果任何输入字段为空，则显示一个警告消息。
确保将calculator.js文件放在与HTML文件相同的目录中，或者根据需要调整<script>标签中的src属性。这样，当用户填写完表单并点击“计算BMI”按钮时，页面上就会显示计算出的BMI值。
ps：仅供参考。
