编写一个货币兑换小程序,输入人民币的金额、美元汇率、英镑汇率、欧元汇率、日元汇率等,计算并显示兑换的美元、英镑、欧元、日元的金额。
运行结果如图所示:
布局如下:
index.wxml:
<view class='box'>
<view class='title'>货币兑换</view>
<form bindsubmit='calc' bindreset='reset'>
<input name='cels' placeholder='请输入人民币金额' type='number' auto-focus='true'></input>
<view class='btnLayout'>
<button type='primary' form-type='submit'>计算</button>
<button type='primary' form-type='reset'>清除</button>
</view>
<view class='textLayout'>
<text>兑换美元为:{{M}}</text>
<text>兑换英镑为:{{Y}}</text>
<text>兑换欧元为:{{O}}</text>
<text>兑换日元为:{{R}}</text>
</view>
</form>
</view>
index.js:
// index.jsvar C;
Page({
calc: function(e) {
C = parseInt(e.detail.value.cels);
this.setData({
M: (C / 6.8801).toFixed(4),
Y: (C / 8.7873).toFixed(4),
O: (C / 7.8234).toFixed(4),
R: (C / 0.0610).toFixed(4),
})
},
reset: function() {
this.setData({
M: '',
Y: '',
O: '',
R: '',
})
}})