货币兑换的小程序

编写一个货币兑换小程序,输入人民币的金额、美元汇率、英镑汇率、欧元汇率、日元汇率等,计算并显示兑换的美元、英镑、欧元、日元的金额。
运行结果如图所示:
货币兑换的小程序_第1张图片
布局如下:
货币兑换的小程序_第2张图片

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: '',   
	      })
  }})

你可能感兴趣的:(小程序)