如何使用JavaScript创建体重指数计算器，并提供以下选项:以公斤/米为单位的体重指数或以磅/英尺为单位的体重指数
体重指数（Body Mass Index，简称BMI）是一种常用的评估人体肥胖程度的指标。它通过身高和体重的比值来计算，可以用于判断一个人的体重是否正常、超重或肥胖。
要使用JavaScript创建体重指数计算器，可以按照以下步骤进行：
- 创建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>
<button onclick="calculateBMI()">计算BMI</button>
<br>
<label id="result"></label>
</body>
</html>- 创建JavaScript函数来计算BMI并显示结果：
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;
}通过添加单选框，用户可以选择以公斤/米为单位的体重指数或以磅/英尺为单位的体重指数进行计算。
至于腾讯云相关产品和产品介绍链接地址，可以参考腾讯云的官方文档或官方网站进行查询。
相关·内容
1回答
如何使用JavaScript创建体重指数计算器，并提供以下选项:以公斤/米为单位的体重指数或以磅/英尺为单位的体重指数
javascript、html、css
大家好，
我目前正在为我的项目编码BMI计算器。计算器已经设置为以磅/英尺的单位工作，但我想添加一个选项，使我能够在公斤/米或磅/英尺之间进行选择。我已经为它创建了html代码，只需要它的JavaScript部分来使它工作。请注意，Lbs
浏览 26提问于2020-02-16得票数 0
回答已采纳
3回答
我需要objective-C语法来计算bmi
iphone、objective-c
实际上，我正在做bmi计算器。在那里我想计算以英寸为单位的身高和以磅为单位的体重指数，也需要以厘米为单位的身高和以公斤为单位的体重的正确公式。
我试过了，但无法计算出如下所示的范围<em
浏览 3提问于2010-06-13得票数 1
回答已采纳
3回答
Javascript/jQuery -以英尺和英寸为单位显示英寸
javascript、jquery、html、math
我正在做一个体重指数计算器(见JSFiddle - )，我希望以英寸为单位的高度以英尺和英寸为单位显示。我还希望以磅为单位的重量以石头和磅为单位显示。这是我用来将滑块值转换为厘米和英寸的代码：
slide: functio
浏览 4提问于2012-12-05得票数 3
回答已采纳
5回答
我的bmi计算器有问题。以下是详细信息：
编写了一个程序，计算一个人的身高和体重(以磅计)并返回体重指数(BMI)。体重指数定义为体重，以公斤表示， *除以以米表示的高度的平方。一英寸是0.0254米，一磅</em
浏览 2提问于2013-10-10得票数 1
回答已采纳
1回答
计算BMI和如何防止舍入浮点数(Java)
java、rounding
我正在编写一个程序来计算一个人的体重指数。这是我得到的任务：
“体重指数( BMI )是衡量体重健康的一种指标。它可以通过以公斤为单位，除以身高的平方(米)来计算。编写一个程序，提示用户输入体重W(磅)和身高H(英寸)，并显示体重指数(BMI)。注意，一<e
浏览 2提问于2017-09-14得票数 0
回答已采纳
1回答
如何使用输入()和输入()从键盘读取数据？
python
我是编程初学者，现在我很难将()的输入更改为用户的输入。假设一个人的体重(公斤)和身高(米)，他/她的体重指数(体重指数)是根据这个公式计算的：编写一个函数compute_bmi()，按照这个顺序读取用户的身高(以米计)和重量(以千克为
浏览 2提问于2022-01-24得票数 0
回答已采纳
4回答
通过Python计算BMI :取2
python
对于我之前的问题，很抱歉。我要回答的问题是：
对于大多数人来说，身体质量指数(BMI)是一个很好的身体肥胖指标。体重指数的公式是体重/ height2，其中体重以公斤为单位，身高以米为单位。编写一个程序，提示输入以磅为单位
浏览 0提问于2012-11-21得票数 3
回答已采纳
2回答
python中未知变量的求解
python、variables、sympy
我目前正在尝试创建一个身体质量指数计算器，给出你的体重指数，然后计算出体重差异，以保持健康的体重。我用来找BMI的方程式是：使用同情，我试图找出多少磅需要增加或减少在19-24 BMI范围内。) 当代码运行时，它将返回
浏览 2提问于2022-09-26得票数 -1
回答已采纳
所以，对于我的一个家庭作业，我必须做一个身体质量指数。当我问我的老师如何在公共void main中做数学时，他解释说我可以在void main中做。但当我尝试时，它给出了“运算符*未为参数类型定义: String，Int”。(说明)创建一个名为Your_Name_BMI的新Java项目。创建一个名为BMI的类，并使用JOptionPane对话框编写一个程序来计
浏览 0提问于2019-10-31得票数 0
1回答
如何指导这些简单模块按顺序运行？
python、module
这里我有三个模块的代码(请注意:所有这些都可以作为一个脚本运行，但是我的任务是将它分开)。
绘制层次图，然后为计算人的身体质量指数(BMI)的程序规划逻辑。BMI是比较一个人的体重和身高的统计指标。该程序使用三个模块。第一个提示用户输入并接受用户的身高(以英寸为单位)。第二个模块接受用户的
浏览 0提问于2018-06-23得票数 0
回答已采纳
1回答
在最后得到和EOF代码，但不知道为什么？
python、arrays、list
我正在编写一个程序来确定六个人的身体质量指数。你的程序应该包括六个名字的列表。使用for循环，它应该依次提示用户每个人的身高(以英寸为单位)和体重(以磅为单位)。每个提示应该包括要输入其身高和重量的个人的姓名。它应该调用一个函数，该函数接受身高和体重作为参数，并使用<
浏览 3提问于2021-12-15得票数 0
1回答
用PHP方法处理HTML表单
php、html、forms、function
我对PHP很陌生，我正在做一些简单的练习，试图充分理解我学到的每一件事。我可以自信地输出从表单中输入的数据，但是对于这个特定的练习，我看不出哪里出了问题。该表单目前正在输出“1”。我正在试图建立一个BMI计算器，任何帮助都是感谢的，谢谢你提前。<?id='weight' name='weight'>
<input type='submit' value'Submi
浏览 8提问于2022-06-27得票数 2
回答已采纳
4回答
Python公式
python
我正在学习Python 3，我想做一个简单的BMI计算器，但是我得到了错误的结果。weight: "))bmi = weight/height**2对于169厘米高和50公斤的体重，我得到了0.001750639，而不是17.50639。我一直在寻找已经制作好的BM
浏览 2提问于2020-06-24得票数 0
回答已采纳
import UIKit
print ("you are overweight") print("you are normal weight")
}
}
浏览 0提问于2018-08-30得票数 0
16回答
我的身体质量指数是多少？
code-golf、math
问题：体质量指数是衡量你的体重和身高的比率。对很多人来说，它是过时的和不准确的，但这在这里不重要！体重指数可以
浏览 0提问于2017-02-06得票数 21
回答已采纳
1回答
计算bmi并输出python中的其他输入
python、oop
我正在编写python代码，以计算bmi并执行其他用户输入。我使用OOP方法编写了下面的代码，但我认为我仍然遗漏了一些部分，并且没有按预期工作。人们的期望是：
反复提示用户输入病人识别号( int)、病人名称(字符串)、病人身高(以英寸为单位)(正浮点数)和病人体重(以磅计)(正浮点数)，直到用户输入病人ID的负号(有关重复输入的要求的更多信息确保使用</
浏览 2提问于2022-02-08得票数 0
2回答
用Python创建用于BMI计算的for循环
python、for-loop、list-comprehension
我有问题，为一个问题创建一个BMI循环。, ['Esther', 69.6, 159], ['Jane', 72.0, 166], ['Samantha', 51.3, 162], ['Samantha', 51.3, 162]]使用上面创建的列表(person_data)来计算每个人的体重指数。BMI公式使用米(m)，你<em
浏览 0提问于2020-11-25得票数 0
回答已采纳
1回答
如何解决ValueError:带基数10：'1.81‘的int()的无效文本？
python、python-3.x
+ name + ' is: ') return BMI
我的错误是
浏览 3提问于2020-01-16得票数 0
3回答
Java --如果用户输入无效输入，我将如何返回异常？
java、calculator、jgrasp
在编码方面，我是一个完全的初学者。我现在在当地的社区学院上编程课。我们被指派创建一个计算用户体重指数( BMI )的程序。我已经成功地创建了程序的基本结构，用户输入的是重量和高度，并将其计算到BMI中，然而，有一个标准我正在努力创建。，其中显示下列的任何无效输入
请输入身高(<
浏览 3提问于2016-02-25得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
