HTML 实现BMI测试

最新推荐文章于 2022-06-03 23:19:17 发布

iam_leeqing

最新推荐文章于 2022-06-03 23:19:17 发布

阅读量1.6k

点赞数 6

分类专栏： HTML5

本文链接：https://blog.csdn.net/m0_46168903/article/details/116096393

版权

HTML JavaScript BMI计算健康建议用户输入

关键词由CSDN通过智能技术生成

HTML5 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>input输入框</title>
</head>
<body>
    <label for="high">身高</label>
    <input type="text" placeholder="请输入身高" id = "high" >
    <br>
    <br>
    <label for="weight">体重</label>
    <input type="text" placeholder="请输入体重" id = "weight">
    <br>
    <br>
    <button onclick="btnClink()">点击查看您的BMI</button>
</body>
<script>
    function btnClink()
    {
        var input1 = document.getElementById("high");
        var input2 = document.getElementById("weight");
        var shengao = input1.value / 100;
        var tizhong = input2.value / 2;
        var res = tizhong / shengao / shengao;
        res = res.toFixed(2);
        if(res <= 18.4)
        {
            alert("BMI = " + res + " " + "偏瘦，" + " 多吃肉");
        }
        else if(res >= 18.5 && res <= 23.9)
        {
            alert("BMI = " + res + " " + "正常，" + " 继续保持");
        }
        else if(res >= 24.0 && res <= 27.9)
        {
            alert("BMI = " + res + " " + "偏重，" + " 多运动");
        }
        else
        {
            alert("BMI = " + res + " " + "肥胖，" + " 多多运动");
        }
    }    
</script>
</html>

iam_leeqing

关注

6
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
HTML 实现BMI测试

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>inp
复制链接

扫一扫