目录效果图wxml代码wxss代码index.js代码总结效果图 wxml代码 <!--index.wxml--> <view class="demo-box"
<!--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>
.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;
}
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})
},
})
到此这篇关于微信小程序比较两个数大小的文章就介绍到这了,更多相关微信小程序比较数大小内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: 微信小程序比较两个数大小的实现方法
本文链接: https://www.lsjlt.com/news/143676.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0