用wxml和JavaScript编写一段代码,写人体每天摄人热量的计算,输入身高体重性别年龄来计算,
时间: 2024-03-23 16:41:05 浏览: 65
好的,以下是一个简单的示例代码,可以在微信小程序开发工具中使用:
wxml代码:
```
<view class="container">
<view class="input-group">
<text>身高(cm):</text>
<input type="number" placeholder="请输入身高" bindinput="onHeightInput" />
</view>
<view class="input-group">
<text>体重(kg):</text>
<input type="number" placeholder="请输入体重" bindinput="onWeightInput" />
</view>
<view class="input-group">
<text>性别:</text>
<radio-group bindchange="onGenderChange">
<label class="radio-label">
<radio value="male" checked="{{gender==='male'}}" />男
</label>
<label class="radio-label">
<radio value="female" checked="{{gender==='female'}}" />女
</label>
</radio-group>
</view>
<view class="input-group">
<text>年龄:</text>
<input type="number" placeholder="请输入年龄" bindinput="onAgeInput" />
</view>
<view class="result-group">
<text>每天摄入的热量:</text>
<text>{{calories}}</text>
<text>kcal</text>
</view>
</view>
```
JavaScript代码:
```
Page({
data: {
height: 0,
weight: 0,
gender: 'male',
age: 0,
calories: 0
},
onHeightInput(e) {
this.setData({
height: e.detail.value
})
this.calculateCalories()
},
onWeightInput(e) {
this.setData({
weight: e.detail.value
})
this.calculateCalories()
},
onGenderChange(e) {
this.setData({
gender: e.detail.value
})
this.calculateCalories()
},
onAgeInput(e) {
this.setData({
age: e.detail.value
})
this.calculateCalories()
},
calculateCalories() {
const { height, weight, gender, age } = this.data
let bmr = 0
if (gender === 'male') {
bmr = 13.7 * weight + 5.0 * height - 6.8 * age + 66
} else {
bmr = 9.6 * weight + 1.8 * height - 4.7 * age + 655
}
const calories = bmr * 1.2
this.setData({
calories: calories.toFixed(2)
})
}
})
```
这段代码实现了一个简单的人体每天摄入热量计算器,根据身高、体重、性别和年龄等参数计算出每天需要摄入的卡路里数。其中,计算公式使用的是基础代谢率(BMR)和活动系数的乘积。在这里,我们使用了一个简单的公式来计算BMR,然后将活动系数设置为1.2,表示轻度活动水平。实际应用中,可以根据需求调整活动系数的值,以得到更准确的结果。
阅读全文