最近在工作中遇到一個(gè)需求,可以自動(dòng)對(duì)比兩個(gè)數(shù)的大小,下面這篇文章主要給大家介紹了關(guān)于微信小程序比較兩個(gè)數(shù)大小的實(shí)現(xiàn)方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

效果圖

wxml代碼

<!--index.wxml-->
<view class="demo-box">
    <text class="title">請(qǐng)輸入第一個(gè)數(shù)字：</text>
    <input type="number" bindchange='num1change'/>
</view>
<view class="demo-box">
    <text class="title">請(qǐng)輸入第二個(gè)數(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,//保存一個(gè)數(shù)字 
    num2:0,  
    num1change:function(e){           
     this.num1 = Number(e.detail.value)   
     console.log("第一個(gè)數(shù)為："+this.num1) 
     },  
     num2change:function(e){   
     this.num2 = Number(e.detail.value)    
     console.log("第二個(gè)數(shù)為"+this.num2)
     },  
     compare:function(e){  
       var str='倆數(shù)相等'  
       if(this.num1 > this.num2){  
       str = '第一個(gè)數(shù)大大大大'   
        }else if (this.num1<this.num2){
          str = '第二個(gè)數(shù)大大大'
        }    
        this.setData({result:str})  
        },
        })

總結(jié)

到此這篇關(guān)于微信小程序比較兩個(gè)數(shù)大小的文章就介紹到這了,更多相關(guān)微信小程序比較數(shù)大小內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

小程序多圖列表實(shí)現(xiàn)性能優(yōu)化的方法步驟
這篇文章主要介紹了小程序多圖列表實(shí)現(xiàn)性能優(yōu)化的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
小程序統(tǒng)計(jì)來(lái)源信息的方案與具體代碼
微信小程序數(shù)據(jù)統(tǒng)計(jì),現(xiàn)在有很多的統(tǒng)計(jì)方法和統(tǒng)計(jì)工具,下面這篇文章主要給大家介紹了關(guān)于小程序統(tǒng)計(jì)來(lái)源信息的方案與具體代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-09-09
JS封裝的自動(dòng)創(chuàng)建表格的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS封裝的自動(dòng)創(chuàng)建表格的實(shí)現(xiàn)代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
js中浮點(diǎn)型運(yùn)算BUG的解決方法說(shuō)明
本篇文章主要是對(duì)js中浮點(diǎn)型運(yùn)算BUG的解決方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01
Javascript 使用function定義構(gòu)造函數(shù)
Javascript并不像Java、C#等語(yǔ)言那樣支持真正的類(lèi)。但是在js中可以定義偽類(lèi)。做到這一點(diǎn)的工具就是構(gòu)造函數(shù)和原型對(duì)象。首先介紹js中的構(gòu)造函數(shù)。
2010-02-02
JS 仿支付寶input文本輸入框放大組件的實(shí)例
下面小編就為大家?guī)?lái)一篇JS 仿支付寶input文本輸入框放大組件的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-11-11
extjs圖表繪制之條形圖實(shí)現(xiàn)方法分析
這篇文章主要介紹了extjs圖表繪制之條形圖實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了extjs繪制條形圖的相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下
2020-03-03
JavaScript+CSS實(shí)現(xiàn)仿天貓側(cè)邊網(wǎng)頁(yè)菜單效果
這篇文章主要介紹了JavaScript+CSS實(shí)現(xiàn)仿天貓側(cè)邊網(wǎng)頁(yè)菜單效果,涉及javascript鼠標(biāo)事件及頁(yè)面元素動(dòng)態(tài)操作的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
JS實(shí)現(xiàn)星星海特效
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)星星海特效特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
js基于cookie記錄來(lái)賓姓名的方法
這篇文章主要介紹了js基于cookie記錄來(lái)賓姓名的方法,涉及javascript使用cookie針對(duì)方可信息的存儲(chǔ)與讀取顯示相關(guān)技巧,需要的朋友可以參考下
2016-07-07