微信小程序比较两个数大小的实现方法
短信预约 -IT技能 免费直播动态提醒
效果图
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代码
.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})
},
})
总结
到此这篇关于微信小程序比较两个数大小的文章就介绍到这了,更多相关微信小程序比较数大小内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
