简单微信小程序实现比较二个数字大小

简单微信小程序实现比较二个数字大小

提示：以下是本篇文章正文内容，下面案例可供参考

二、使用步骤

1.wxml文件

代码如下（示例）：

<!--index.wxml-->
<view>
  <text>请输入第1个数字：</text>
  <input type="number" bindinput="num1Input" />
</view>
<view>
  <text>请输入第2个数字：</text>
  <input type="number" bindinput="num2Input" />
</view>
<button bindtap="compare">比较</button>
<view>
  <text wx:if="{{ result }}">比较结果：{{ result }}</text>
</view>

2.js文件

代码如下（示例）：

// index.js
Page({
  data: {
    result: ''
  },
  num1: 0, // 保存第1个数字
  num2: 0, // 保存第2个数字
  num1Input (e) {
    this.num1 = Number(e.detail.value)
  },
  num2Input (e) {
    this.num2 = Number(e.detail.value)
  },
  compare (e) {
    var str = ''
    if (this.num1 > this.num2) {
      str = '第1个数大'
    } else if (this.num1 < this.num2) {
      str = '第2个数大'
    } else {
      str = '两数相等'
    }
    this.setData({
      result: str
    })
  }
})

。

—`/index.wxss/
view {
margin: 50rpx;
}

input {
width: 600rpx;
margin-top: 20rpx;
border-bottom: 2rpx solid #ccc;
}

button {
margin: 50rpx;
}

button {
color: #fff;
background: #369;
letter-spacing: 12rpx;
}
`

总结

非常简单