写一个计算每天热量总消耗的工具,用HTML
时间: 2023-05-17 10:04:37 浏览: 78
非常感谢您的提问!以下是一个简单的HTML代码,可以用于计算每天的热量总消耗:
```html
<!DOCTYPE html>
<html>
<head>
<title>每天热量总消耗计算器</title>
</head>
<body>
<h1>每天热量总消耗计算器</h1>
<form>
<label for="weight">体重(kg):</label>
<input type="number" id="weight" name="weight" required><br><br>
<label for="height">身高(cm):</label>
<input type="number" id="height" name="height" required><br><br>
<label for="age">年龄:</label>
<input type="number" id="age" name="age" required><br><br>
<label for="gender">性别:</label>
<select id="gender" name="gender" required>
<option value="male">男</option>
<option value="female">女</option>
</select><br><br>
<label for="activity">活动水平:</label>
<select id="activity" name="activity" required>
<option value="1.2">久坐不动</option>
<option value="1.375">轻度活动(每周1-3次运动)</option>
<option value="1.55">中度活动(每周3-5次运动)</option>
<option value="1.725">重度活动(每周6-7次运动)</option>
<option value="1.9">极度活动(每天都在运动)</option>
</select><br><br>
<input type="button" value="计算" onclick="calculate()">
</form>
<p id="result"></p>
<script>
function calculate() {
var weight = document.getElementById("weight").value;
var height = document.getElementById("height").value;
var age = document.getElementById("age").value;
var gender = document.getElementById("gender").value;
var activity = document.getElementById("activity").value;
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 total = bmr * activity;
document.getElementById("result").innerHTML = "每天热量总消耗:" + total.toFixed(2) + "千卡";
}
</script>
</body>
</html>
```
这个计算器可以根据用户输入的体重、身高、年龄、性别和活动水平来计算每天的热量总消耗。其中,BMR(基础代谢率)的计算公式根据用户的性别不同而不同。活动水平的选择可以根据用户的实际情况进行调整。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)