微信小程序大熱，筆者想利用之開發一款BMI計算器，因為不久后有考試，所以只實現最基礎的功能。

1.微信開發者工具工作界面

2.需要新增的文件夾

3.核心代碼

3.1list.wxml

<view class="page-section"><view class="weui-cells__title">身高(cm)</view><view class="weui-cells weui-cells_after-title"><view class="weui-cell weui-cell_input"><input class="weui-input" bindinput="heightInput" name="height" type="text" auto-focus placeholder="請輸入數字" /></view></view></view><view class="page-section"><view class="weui-cells__title">體重(kg)</view><view class="weui-cells weui-cells_after-title"><view class="weui-cell weui-cell_input"><input class="weui-input" bindinput="weightInput" name="weight" type="text" auto-focus placeholder="請輸入數字" /></view></view></view><view>{{bmi}}</view><view>{{info}}</view><button bindtap="bmi" data-type="string">算一算</button>

3.2list.js

Page({data:{height:null,weight:null,bmi:'BMI',info:'健康提示'},heightInput(e){this.setData({height: e.detail.value}) },weightInput(e){this.setData({weight:e.detail.value})},bmi:function(event){var weightnum=parseFloat(this.data.weight)var heightnum=parseFloat(this.data.height)var bmi=(weightnum/(heightnum/100)/(heightnum/100)).toFixed(2)var info=""if(bmi<18.5){info="過輕，加強營養！"}else if(bmi>=18.5&&bmi<23.9){info="正常，繼續保持！"}else if(bmi>=23.9&&bmi<27.9){info="超重，加強鍛煉!"}else if(bmi>=27.9){info="肥胖，提高警惕！"}console.log(bmi)console.log(info)this.setData({bmi:bmi,info:info})} })

4.實現效果

登錄界面

? ?

等待用戶輸入 輸出計算結果

5.注意事項

this.setData({bmi:bmi,info:info})

筆者因為缺了上述代碼，始終無法在前臺頁面看到計算結果。重新研究微信小程序官方開發指南后才補上，遂實現功能。所以讀文檔還是很重要的啊！

?

總結

以上是生活随笔為你收集整理的用微信小程序开发BMI计算器（核心代码）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。