微信小程序实现简易加法计算器_javascript技巧_

         计算   

Page({       /**      * 页面的初始数据      */     data: {       num1:"",//被加数       num2:"",//加数       result:"" //结果     },     bindAdd:function(e) {         var r =this.data.num1 * 1 +this.data.num2 * 1;         console.log(r);         this.setData({           result: r         });       },             bindInput1:function(e) {         var n = e.detail.value;         console.log(n);         if (!isNaN(n)) {           this.setData({             num1: n           });         };       },             bindInput2:function(e) {         var n = e.detail.value;         console.log(n);         if (!isNaN(n)) {           this.setData({             num2: n           });         };       }     })

/* pages/tabbar2/calc/calc.wxss */ .container{     justify-content: flex-start;     padding: 30rpx 0; } .container input{     background-color:#eee;     border-radius: 6rpx;     text-align: left;     width: 720rpx;     height: 100rpx;     line-height: 100rpx;     margin: 20rpx; } .container button{     width: 80%; }

     被加数          加数          计算     结果：{{result}}

/* pages/tabbar2/sliderCalc/sliderCalc.wxss */ .content{     margin: 40rpx; } .content button{     width: 80%; } view,button,slider{     margin: 40rpx 0; }