体重指数(Body Mass Index,简称BMI)是一种常用的评估人体肥胖程度的指标。它通过身高和体重的比值来计算,可以用于判断一个人的体重是否正常、超重或肥胖。
要使用JavaScript创建体重指数计算器,可以按照以下步骤进行:
<!DOCTYPE html>
<html>
<head>
<title>BMI计算器</title>
</head>
<body>
<h1>BMI计算器</h1>
<label>身高(单位:米):</label>
<input type="number" id="height">
<br>
<label>体重(单位:公斤):</label>
<input type="number" id="weight">
<br>
<button onclick="calculateBMI()">计算BMI</button>
<br>
<label id="result"></label>
</body>
</html>
function calculateBMI() {
var height = parseFloat(document.getElementById("height").value);
var weight = parseFloat(document.getElementById("weight").value);
if (isNaN(height) || isNaN(weight)) {
document.getElementById("result").innerHTML = "请输入有效的身高和体重";
return;
}
var bmi = weight / (height * height);
var result = "您的BMI指数为:" + bmi.toFixed(2) + "<br>";
if (bmi < 18.5) {
result += "体重过轻";
} else if (bmi < 24) {
result += "体重正常";
} else if (bmi < 28) {
result += "超重";
} else {
result += "肥胖";
}
document.getElementById("result").innerHTML = result;
}
以上代码创建了一个简单的BMI计算器,用户输入身高和体重后,点击"计算BMI"按钮即可计算出BMI指数,并根据指数判断体重状况。
对于提供以公斤/米为单位的体重指数或以磅/英尺为单位的体重指数的选项,可以在页面上添加两个单选框或下拉菜单,让用户选择计算方式。根据选择的方式,在计算BMI时使用不同的公式进行计算。
这里以添加单选框的方式为例,修改HTML代码如下:
<!DOCTYPE html>
<html>
<head>
<title>BMI计算器</title>
</head>
<body>
<h1>BMI计算器</h1>
<label>身高(单位:米):</label>
<input type="number" id="height">
<br>
<label>体重(单位:公斤):</label>
<input type="number" id="weight">
<br>
<label>计算方式:</label>
<input type="radio" name="unit" value="kg/m" checked> 公斤/米
<input type="radio" name="unit" value="lb/ft"> 磅/英尺
<br>
<button onclick="calculateBMI()">计算BMI</button>
<br>
<label id="result"></label>
</body>
</html>
修改JavaScript代码如下:
function calculateBMI() {
var height = parseFloat(document.getElementById("height").value);
var weight = parseFloat(document.getElementById("weight").value);
var unit = document.querySelector('input[name="unit"]:checked').value;
if (isNaN(height) || isNaN(weight)) {
document.getElementById("result").innerHTML = "请输入有效的身高和体重";
return;
}
if (unit === "lb/ft") {
// 将体重从磅转换为公斤
weight = weight * 0.45359237;
// 将身高从英尺转换为米
height = height * 0.3048;
}
var bmi = weight / (height * height);
var result = "您的BMI指数为:" + bmi.toFixed(2) + "<br>";
if (bmi < 18.5) {
result += "体重过轻";
} else if (bmi < 24) {
result += "体重正常";
} else if (bmi < 28) {
result += "超重";
} else {
result += "肥胖";
}
document.getElementById("result").innerHTML = result;
}
通过添加单选框,用户可以选择以公斤/米为单位的体重指数或以磅/英尺为单位的体重指数进行计算。
至于腾讯云相关产品和产品介绍链接地址,可以参考腾讯云的官方文档或官方网站进行查询。
领取专属 10元无门槛券
手把手带您无忧上云