微信小程序案例3-1 比较数字

(四）获取并保存用户输入的数字

1、给文本框绑定输入事件

• pages/index/index.wxml文件
  

2、在页面脚本文件里编写事件处理函数

• pages/index/index.js文件，定义两个变量，编写两个输入事件处理函数
• 

// index.js
Page({
  // 定义变量
  mun1:0,
  num2:0,
  // 定义输入事件处理函数
  inputNum1:function(e){
      // 获取用户输入的数字
      this.num1 = Number(e.detail.value)
  },
  inputNum2:function(e){
      // 获取用户输入的数字
      this.num2 = Number(e.detail.value)
  }
})

（五）判断数字大小并显示结果

1、按钮绑定点击事件

• pages/index/index.wxml文件，给按钮绑定事件处理函数compare
• 

2、定义比较结果字符串变量

• pages/index/index.js文件，在data属性里定义一个字符串变量result，初值为空字符串

• 3、编写比较事件处理函数

• pages/index/index.js文件，定义比较事件处理函数compare

• 

4、在页面上显示比较结果

• pages/index/index.wxml文件，设置比较结果文本组件
• 
• • 查看预览效果
• 

（六）运行程序，查看效果

显示操作