微信小程序 输入长宽高 然后计算表面积和体积

微信小程序

输入长宽高

点击确定

然后计算表面积和体积

新手小白;想要学习一下;麻烦大佬把代码给我发一下 谢谢大佬

<!--index.wxml-->
<view class="container">
  <label for="length">长:</label>
  <input type="text" name="length" value="{{length}}" bindinput="bindLengthInput" />
  <label for="width">宽:</label>
  <input type="text" name="width" value="{{width}}" bindinput="bindWidthInput" />
  <label for="height">高:</label>
  <input type="text" name="height" value="{{height}}" bindinput="bindHeightInput" />
  <button bindtap="bindTap">计算</button>
  <label>表面积是:{{area}}</label>
  <label>体积是:{{volume}}</label>
</view>



// index.js
// 获取应用实例
const app = getApp()

Page({
  data: {
    length: 0,
    width: 0,
    height: 0,
    area: 0,
    volume: 0
  },
  onLoad() {
  },
  bindTap() {
    this.setData({
      volume: this.data.length * this.data.width * this.data.height,
      area: ((this.data.length * this.data.width) + (this.data.length * this.data.height) + (this.data.width * this.data.height)) * 2
    })
  },
  bindLengthInput(val) {
    // console.log(val)
    this.setData({
      length: val.detail.value
    })
  },
  bindWidthInput(val) {
    this.setData({
      width: val.detail.value
    })
  },
  bindHeightInput(val) {
    this.setData({
      height: val.detail.value
    })
  }
})

代码如上,满意请采纳,谢谢。