第一个项目：

wxml代码如下：

<view ><input  type="number" maxlength="10" bindinput="cpb1" placeholder="请输入项目1的参数"/></view>
<view ><input  type="number" maxlength="10" bindinput="cpb2" placeholder="请输入项目2的参数"/></view>
<view ><input  type="number" maxlength="10" bindinput="cpb3" placeholder="请输入项目3的参数"/></view>
<view ><input  type="number" maxlength="10" bindinput="cpb4" placeholder="请输入项目4的参数"/></view>

<view>项目1和2的结果是{{cpb1*1+cpb2*1}}</view>
<view>项目3和4的结果是{{cpb3*1+cpb4*1}}</view>

<view>两个项目之和是：{{cpb1*1+cpb2*1+cpb3*1+cpb4*1}}</view>

JS代码：

  data：{
cpb1: '',
cpb2: '',
cpb3: '',
cpb4: '',
}
   cpa1: function (e) {
        this.setData({
            cpa1: e.detail.value,
        })
      },
……

请教各位大佬，最后的，【<view>两个项目之和是：{{cpb1*1+cpb2*1+cpb3*1+cpb4*1}}</view>】还有什么好的改进方法吗？因为后续引用较多，这么写的结果代码太多了，想要输入数字后，立刻出计算结果。

第二个项目：

<view> 第一个选取结果 </view>
<view wx:if="{{(cpb1*1+cpb2*1+cpb3*1) > 100}}"> {{(cpb1*1+cpb2*1+cpb3*1)/6}} </view>
<view wx:elif="{{ (cpb1*1+cpb2*1+cpb3*1) < 80 }}"> 6 </view>
<view wx:else> 0 </view>

<view> 第二个选取结果 </view>
<view wx:if="{{(cpb4*1+cpb5*1+cpb6*1) > 100}}"> {{(cpb4*1+cpb5*1+cpb6*1)/6}} </view>
<view wx:elif="{{ (cpb4*1+cpb5*1+cpb6*1) < 100}}"> 6 </view>
<view wx:else> 0 </view>

<view> 第三个选取结果 </view>
<view wx:if="{{(cpb7*1+cpb8*1+cpb9*1) > cpc1}}"> {{(cpb7*1+cpb8*1+cpb9*1)/6}} </view>
<view wx:elif="{{ (cpb7*1+cpb8*1+cpb9*1) < 100}}"> 6 </view>
<view wx:else> 0 </view>

该项目的代码采用的和上面的js代码原理一致

请教各位大佬，如何实现【第一个选取结果】+【第二选取结果】+【第三选取结果】？即可三个判断之后的数字相加?