微信小程序比較兩個數(shù)大小的實現(xiàn)方法
更新時間：2022年03月24日 09:13:24 作者：底層的渣渣
最近在工作中遇到一個需求,可以自動對比兩個數(shù)的大小,下面這篇文章主要給大家介紹了關(guān)于微信小程序比較兩個數(shù)大小的實現(xiàn)方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
效果圖
wxml代碼
<!--index.wxml-->
<view class="demo-box">
<text class="title">請輸入第一個數(shù)字：</text>
<input type="number" bindchange='num1change'/>
</view>
<view class="demo-box">
<text class="title">請輸入第二個數(shù)字：</text>
<input type="number" bindchange='num2change'/>
</view>
<button bindtap='compare'>比較大小</button>
<view class="demo-box">
<text class="title">比較結(jié)果為：{{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,//保存一個數(shù)字
num2:0,
num1change:function(e){
this.num1 = Number(e.detail.value)
console.log("第一個數(shù)為："+this.num1)
},
num2change:function(e){
this.num2 = Number(e.detail.value)
console.log("第二個數(shù)為"+this.num2)
},
compare:function(e){
var str='倆數(shù)相等'
if(this.num1 > this.num2){
str = '第一個數(shù)大大大大'
}else if (this.num1<this.num2){
str = '第二個數(shù)大大大'
}
this.setData({result:str})
},
})
總結(jié)
到此這篇關(guān)于微信小程序比較兩個數(shù)大小的文章就介紹到這了,更多相關(guān)微信小程序比較數(shù)大小內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文主要介紹了JS實現(xiàn)復(fù)制內(nèi)容到剪貼板功能的步驟方法，可兼容所有PC瀏覽器，不兼容手機端。具有一定的參考價值，下面跟著小編一起來看下吧2017-02-02
JavaScript動態(tài)創(chuàng)建form表單并提交的實現(xiàn)方法
這篇文章主要介紹了JavaScript動態(tài)創(chuàng)建form表單并提交的實現(xiàn)方法,涉及JavaScript動態(tài)創(chuàng)建頁面元素及模擬表單提交的技巧,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了js中定義一個變量 var params=null;判斷params 為/不為空的方法 ,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了JS實現(xiàn)字體選色板實例代碼，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了JavaScript簡寫技巧，運用簡寫技巧，可以加快開發(fā)速度，讓開發(fā)工作事半功倍，大家感興趣的話可以參考本篇文章2021-08-08
網(wǎng)站信任度：一方面指瀏覽者對于站點的信任程度,另一方面指搜索引擎對于網(wǎng)站的信任值（TrustRank）,網(wǎng)站信任度對于企業(yè)站點更為重要.在得到更高信任度的同時,流量更容易轉(zhuǎn)化為實在的收入.2008-10-10
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)手指拖動選項排序，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
JavaScript和jQuery獲取input框的絕對位置實現(xiàn)方法
下面小編就為大家?guī)硪黄狫avaScript和jQuery獲取input框的絕對位置實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
Javascript 數(shù)組去重的方法（四種）詳解及實例代碼
這篇文章主要介紹了Javascript 數(shù)組去重的方法（四種）詳解及實例代碼的相關(guān)資料,這里對四種去重方法進行了詳細介紹，并附代碼實例，需要的朋友可以參考下2016-11-11
這篇文章主要介紹了原生JS實現(xiàn)的自動輪播圖功能,結(jié)合實例形式詳細分析了基于原生js實現(xiàn)輪播圖的原理、操作步驟及操作注意事項,需要的朋友可以參考下2018-12-12