微信小程序比较两个数大小

最新推荐文章于 2024-09-12 10:19:20 发布

要上岸啊你

最新推荐文章于 2024-09-12 10:19:20 发布

阅读量8k

点赞数 13

分类专栏：笔记文章标签：微信小程序小程序 javascript

本文链接：https://blog.csdn.net/weixin_52060922/article/details/121669157

版权

笔记专栏收录该内容

14 篇文章 1 订阅

订阅专栏

微信小程序，输入两个数比较大小

效果图

在这里插入图片描述

wxml代码

<!--index.wxml-->
<view class="demo-box">
    <text class="title">请输入第一个数字：</text>
    <input type="number" bindchange='num1change'/>
</view>
<view class="demo-box">
    <text class="title">请输入第二个数字：</text>
    <input type="number" bindchange='num2change'/>
</view>
<button bindtap='compare'>比较大小</button>
<view class="demo-box">
    <text class="title">比较结果为：{{result}}</text>
</view>

wxss代码

/**index.wxss**/
.demo-box{
    margin: 50rpx;
}
input{
    width: 600rpx;
    margin-top: 20rpx;
    border-bottom: 4rpx solid #cccc;
}
button{
    margin: 50rpx;
}
button{
    color: aliceblue;
    background-color: #369;
    letter-spacing: 12rpx;
}

index.js代码

Page({
  data: { 
      result:''
       },  
    num1:0,//保存一个数字 
    num2:0,  
    num1change:function(e){           
     this.num1 = Number(e.detail.value)   
     console.log("第一个数为："+this.num1) 
     },  
     num2change:function(e){   
     this.num2 = Number(e.detail.value)    
     console.log("第二个数为"+this.num2)
     },  
     compare:function(e){  
       var str='俩数相等'  
       if(this.num1 > this.num2){  
       str = '第一个数大大大大'   
        }else if (this.num1<this.num2){
          str = '第二个数大大大'
        }    
        this.setData({result:str})  
        },
        })