首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用JavaScript创建体重指数计算器,并提供以下选项:以公斤/米为单位的体重指数或以磅/英尺为单位的体重指数

体重指数(Body Mass Index,简称BMI)是一种常用的评估人体肥胖程度的指标。它通过身高和体重的比值来计算,可以用于判断一个人的体重是否正常、超重或肥胖。

要使用JavaScript创建体重指数计算器,可以按照以下步骤进行:

  1. 创建HTML页面结构:
代码语言:txt
复制
<!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>
  1. 创建JavaScript函数来计算BMI并显示结果:
代码语言:txt
复制
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代码如下:

代码语言:txt
复制
<!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代码如下:

代码语言:txt
复制
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;
}

通过添加单选框,用户可以选择以公斤/米为单位的体重指数或以磅/英尺为单位的体重指数进行计算。

至于腾讯云相关产品和产品介绍链接地址,可以参考腾讯云的官方文档或官方网站进行查询。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券