微信小程序比較兩個數(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)容到剪貼板功能
本文主要介紹了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中定義一個變量并判斷其是否為空的方法
這篇文章主要介紹了js中定義一個變量 var params=null;判斷params 為/不為空的方法 ,需要的朋友可以參考下
2014-05-05
JS實現(xiàn)字體選色板實例代碼
這篇文章主要介紹了JS實現(xiàn)字體選色板實例代碼，有需要的朋友可以參考一下
2013-11-11
JavaScript簡寫技巧
這篇文章主要介紹了JavaScript簡寫技巧，運用簡寫技巧，可以加快開發(fā)速度，讓開發(fā)工作事半功倍，大家感興趣的話可以參考本篇文章
2021-08-08
提高網(wǎng)站信任度的技巧
網(wǎng)站信任度：一方面指瀏覽者對于站點的信任程度,另一方面指搜索引擎對于網(wǎng)站的信任值（TrustRank）,網(wǎng)站信任度對于企業(yè)站點更為重要.在得到更高信任度的同時,流量更容易轉(zhuǎn)化為實在的收入.
2008-10-10
微信小程序?qū)崿F(xiàn)手指拖動選項排序
這篇文章主要介紹了微信小程序?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)的自動輪播圖功能詳解
這篇文章主要介紹了原生JS實現(xiàn)的自動輪播圖功能,結(jié)合實例形式詳細分析了基于原生js實現(xiàn)輪播圖的原理、操作步驟及操作注意事項,需要的朋友可以參考下
2018-12-12