【微信小程序】两个数字的比较

最新推荐文章于 2024-04-25 13:02:38 发布

晨曦微兮

最新推荐文章于 2024-04-25 13:02:38 发布

阅读量499

点赞数

文章标签：微信小程序小程序前端

本文链接：https://blog.csdn.net/qq_54727445/article/details/129974381

版权

<!--pages/index/index.wxml-->
<form bindsubmit="formCompare" >
    <view>
        <text>请输入第1个数字</text>
        <input  type="number" name="num1" />
    </view>
    <view>
        <text>请输入第2个数字</text>
        <input  type="number" name="num2" />
    </view>
    <button form-type="submit" >比较</button>
</form>
<view>
    <text >比较结果：{{result}}</text>
</view>

// pages/index/index.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        result: ''
    },
    formCompare: function (e) {
        var str = "两数相等"
        var num1 = Number(e.detail.value.num1)
        var num2 = Number(e.detail.value.num2)
        if (num1 > num2) {
            str = "第一个数大"
        } else if (num1 < num2) {
            str = "第2个数大"
        }
        this.setData({
            result: str
        })
    }
})