每一个js文件 都用page（）了，然后bindAdd的function也做了，可是计算按钮只能显示不能用。这是怎么回事？

index.js：

page ({

data: {

num1: “”,  //save added number

num2: “”,  //save add number

result: “” //save the result

},

//calc button click event

bindAdd: function (e) {

var r = this.data.num1 * 1 + this.data.num2 * 1; //add two number

this.setData({

result: r //update the result to varible

});

},

//added number event

bindinput1: function (e) {

var n = e.detail.value;

if (!isNaN(n)) //input number only

{

this.setData({

num1: n //update the added number

});

}

},

//add number event

bindinput2: function (e) {

var n = e.detail.value;

if (!isNaN(n)) //input number only

{

this.setData({

num2: n //update the add number

});

}

}

})

index.json:

{

“navigationBarBackgroundColor”: “#00ff00”,

“navigationBarTitleText”: “加法计算器”,

“navigationBarTextStyle”: “white”

}

index.wxml:

<view class =“content”>

<view class=“section_title”>被加数</view>

<slider min=“0” max=“1000” bindchange=‘bindInput1’ show-value />

<view class=“section_title”>加数</view>

<slider min=“0” max=“1000” bindchange=“bindInput2” show-value />

<button type=“primary” bindtap=“bindAdd” >计算</button>

<view class=“section_title”>结果</view>

<view>{{result}}</view>

</view>

index.wxss:

.container{

justify-content: flex-start;

padding: 30px 0;

}

.container input{

background-color: #eee;

border-radius: 3px;

text-align: left;

width: 720rpx;

height: 100rpx;

line-height: 100rpx;

margin: 20rpx;

}

.container button{

width: 80%;

}

.content {

margin: 40rpx;

}

.content button{

width: 80%;

}

view, button, slider{

margin: 40rpx 0;

}

app.json:

{

“pages”: [

“pages/index/index”,

“pages/logs/logs”,

“pages/button/button”

],

“window”: {

“backgroundTextStyle”: “light”,

“navigationBarBackgroundColor”: “#fff”,

“navigationBarTitleText”: “WeChat”,

“navigationBarTextStyle”: “black”

},

“sitemapLocation”: “sitemap.json”

}