JavaScript BMI指数
时间: 2024-09-21 11:02:50 浏览: 18
JavaScript BMI指数计算是一个简单的数学公式应用,BMI全称为Body Mass Index(身体质量指数),用于评估一个人的体重是否健康。它是通过体重(公斤)除以身高(米)的平方得出的。计算公式通常是:
\[ BMI = \frac{体重(公斤)}{身高(m)^2} \]
在JavaScript中,你可以创建一个函数来计算BMI,如下所示:
```javascript
function calculateBMI(weight, height) {
// 将身高从厘米转换为米(100cm = 1m)
height = height / 100;
// 计算BMI
var bmi = weight / (height * height);
return bmi.toFixed(2); // 返回保留两位小数的结果
}
// 使用示例
var weightInKg = 68; // 体重(公斤)
var heightInCm = 175; // 身高(厘米)
var bmi = calculateBMI(weightInKg, heightInCm);
console.log('Your BMI is ' + bmi + '.');
```
相关问题
用JavaScript制作BMI
使用JavaScript制作BMI(身体质量指数)计算器非常简单,可以创建一个简单的函数来计算用户输入的体重和身高数据。以下是创建BMI计算器的基本步骤:
```javascript
// 定义一个计算BMI的函数
function calculateBMI(weight, height) {
// 将身高从米转换为厘米,因为公式中需要的是厘米
const heightInCentimeters = height * 100;
// 计算BMI
const bmi = weight / (heightInCentimeters / 100) ** 2;
return bmi.toFixed(2); // 返回结果,保留两位小数
}
// 获取用户的输入
const inputWeight = prompt("请输入您的体重(单位:kg):");
const inputHeight = prompt("请输入您的身高(单位:m):");
// 转换输入到数字并调用计算函数
const weight = Number(inputWeight);
const height = Number(inputHeight);
// 计算并显示BMI
const result = calculateBMI(weight, height);
alert(`您的BMI值是: ${result} kg/m²`);
```
帮我写一个html页面,要求用户可以输入自己的身高、体重、年龄、性别,然后页面根据用户输入的数据计算出BMI指数、理想体重、代谢率并呈现到页面上
好的,以下是一个简单的HTML页面,可以实现你的需求:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BMI计算器</title>
<style type="text/css">
label {
display: inline-block;
width: 100px;
text-align: right;
}
input {
margin-left: 10px;
}
button {
margin-left: 120px;
}
#result {
margin-top: 20px;
}
</style>
</head>
<body>
<h1>BMI计算器</h1>
<form action="#" method="post">
<label>身高(cm):</label>
<input type="number" name="height" required><br>
<label>体重(kg):</label>
<input type="number" name="weight" required><br>
<label>年龄:</label>
<input type="number" name="age" required><br>
<label>性别:</label>
<input type="radio" name="gender" value="male" checked>男性
<input type="radio" name="gender" value="female">女性<br>
<button type="submit">计算</button>
</form>
<div id="result"></div>
<script type="text/javascript">
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault();
var height = parseFloat(document.querySelector('input[name="height"]').value);
var weight = parseFloat(document.querySelector('input[name="weight"]').value);
var age = parseInt(document.querySelector('input[name="age"]').value);
var gender = document.querySelector('input[name="gender"]:checked').value;
var bmi = weight / (height / 100) ** 2;
var ideal_weight = (height - 100) * 0.9;
if (gender === 'female') {
ideal_weight *= 0.9;
}
var bmr;
if (gender === 'male') {
bmr = 88.36 + 13.4 * weight + 4.8 * height - 5.7 * age;
} else {
bmr = 447.6 + 9.2 * weight + 3.1 * height - 4.3 * age;
}
var result = '<p>BMI指数:' + bmi.toFixed(2) + '</p>';
result += '<p>理想体重:' + ideal_weight.toFixed(2) + 'kg</p>';
result += '<p>代谢率(BMR):' + bmr.toFixed(2) + '千卡/天</p>';
document.querySelector('#result').innerHTML = result;
});
</script>
</body>
</html>
```
你可以将以上代码保存为一个HTML文件,然后在浏览器中打开即可。