微信小程序开发实战 成绩计算器代码

以下是一个简单的微信小程序成绩计算器代码，可以根据输入的成绩计算出总分和平均分：

wxml 文件：

<view class="container">
  <view class="title">成绩计算器</view>
  <view class="input-group">
    <text>语文：</text>
    <input type="digit" bindinput="onInputChinese" />
  </view>
  <view class="input-group">
    <text>数学：</text>
    <input type="digit" bindinput="onInputMath" />
  </view>
  <view class="input-group">
    <text>英语：</text>
    <input type="digit" bindinput="onInputEnglish" />
  </view>
  <view class="result-group">
    <text>总分：</text>
    <text>{{total}}</text>
  </view>
  <view class="result-group">
    <text>平均分：</text>
    <text>{{average}}</text>
  </view>
</view>

js 文件：

Page({
  data: {
    chinese: 0,
    math: 0,
    english: 0,
    total: 0,
    average: 0
  },
  onInputChinese: function(e) {
    this.setData({
      chinese: e.detail.value
    })
    this.calculateResult()
  },
  onInputMath: function(e) {
    this.setData({
      math: e.detail.value
    })
    this.calculateResult()
  },
  onInputEnglish: function(e) {
    this.setData({
      english: e.detail.value
    })
    this.calculateResult()
  },
  calculateResult: function() {
    var total = parseInt(this.data.chinese) + parseInt(this.data.math) + parseInt(this.data.english)
    var average = total / 3
    this.setData({
      total: total,
      average: average.toFixed(2)
    })
  }
})