收藏
回答

输入框里面的加法计算如何实现?

想要实现的效果如下:

  <!-- wxml -->
<view class="tr">
          <view class="td">第一个数</view>
          <view class="td"><input class="weui-input" type="number" maxlength="10" bindinput="cpa1" placeholder="输入数字" /></view>
          <view class="td"></view>
        </view>
        <view class="tr">
          <view class="td">第二个数</view>
          <view class="td"><input class="weui-input" type="number" maxlength="10" bindinput="cpa2" placeholder="输入数字" /></view>
          <view class="td"></view>
        </view>
        <view class="tr">
          <view class="td">前两个数之和</view>
          <view class="td">{{cpa3}}</view>
          <view class="td"></view>
        </view>
        <view class="tr">
          <view class="td">前两个数的平均</view>
          <view class="td">{{cpa4}}</view>
          <view class="td"></view>
        </view>

</view>


/*js代码
   */

Page({


  /**
   * 页面的初始数据
   */
  data: {
      cpa1'',
      cpa2'',
      cpa3'',
      cpa4'',
       
  },
  cpa1function (e{
      this.setData({
        cpa1: e.detail.value,
      })
    },



    cpa3function (e{
      this.setData({
        cpa3this.cpa1+this.cpa2,
      })
    },


    cpa4function (e{
      this.setData({
        cpa4this.cpa4/2,
      })
    },


代码不报错,但是不出结果,请各位大佬指点一下,js里面的代码该怎么写?



回答关注问题邀请回答
收藏

3 个回答

  • 小黎
    小黎
    2022-06-30

    看代码片段 https://developers.weixin.qq.com/s/TXTHIomU7NAM

    2022-06-30
    有用 2
    回复 2
    • 晓墨段老师
      晓墨段老师
      2022-06-30
      感谢~代码写的简单粗暴有效
      2022-06-30
      回复
    • Shiping
      Shiping
      2022-07-22
      代码片段WXS里求平均忘了加括号了,我说怎么WXS算出来平均值不对哦
      a+b/2, 应添加一对括号修正为(a+b)/2
      2022-07-22
      回复
  • Frank
    Frank
    2022-06-30

    需要在上面2个输入框绑定事件,值改变时,自己写方法,来计算就可以了

    2022-06-30
    有用
    回复
  • 茜茜又困了🐽
    茜茜又困了🐽
    2022-06-30

    这是不使用wxs的写法:

    2022-06-30
    有用
    回复 5
    • 晓墨段老师
      晓墨段老师
      2022-06-30
      想要实现的最终效果是一样,后面引用cpa1和cpa2相加后的值有很多,用wxs是不是更简单一点?请问代码怎么写?
      2022-06-30
      回复
    • 茜茜又困了🐽
      茜茜又困了🐽
      2022-06-30回复晓墨段老师
      wxs更简单,自己看看文档试着写写,别上来就要代码,这次帮你解决了,下次呢?遇到问题不会了,再帮忙可以,你试都不试...
      2022-06-30
      1
      回复
    • 晓墨段老师
      晓墨段老师
      2022-06-30回复茜茜又困了🐽
      自己捣鼓了两天实在没办法才在论坛里面发帖子,之前的那个问题就是在程序跑了很多次没有错但不出结果的代码,不过还是谢谢您,我自己在琢磨一下
      2022-06-30
      回复
    • 茜茜又困了🐽
      茜茜又困了🐽
      2022-06-30回复晓墨段老师
      好的吧,自己对比下看看你写的哪出问题了吧
      2022-06-30
      1
      回复
    • 晓墨段老师
      晓墨段老师
      2022-06-30回复茜茜又困了🐽
      之前我对wxs的运算逻辑一直都没理解透彻,看到这代码才明白,感谢
      2022-06-30
      回复
登录 后发表内容