微信小程序成绩计算器代码

以下是一个简单的微信小程序成绩计算器的代码，你可以参考一下:

wxml文件:

<view class="container">
  <view class="title">
    <text>成绩计算器</text>
  </view>
  <view class="form">
    <view class="item">
      <text>数学：</text>
      <input type="digit" bindinput="onMathChange" value="{{math}}"/>
    </view>
    <view class="item">
      <text>语文：</text>
      <input type="digit" bindinput="onChineseChange" value="{{chinese}}"/>
    </view>
    <view class="item">
      <text>英语：</text>
      <input type="digit" bindinput="onEnglishChange" value="{{english}}"/>
    </view>
    <view class="item">
      <text>总分：</text>
      <text class="total">{{total}}</text>
    </view>
    <view class="item">
      <text>平均分：</text>
      <text class="average">{{average}}</text>
    </view>
  </view>
</view>

wxss文件:

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.item text {
  font-size: 16px;
  margin-right: 10px;
}

.item input {
  width: 80px;
}

.total {
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
}

.average {
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
}

js文件:

Page({
  data: {
    math: 0,
    chinese: 0,
    english: 0,
    total: 0,
    average: 0
  },

  onMathChange: function(e) {
    this.setData({
      math: e.detail.value
    })
    this.calculate()
  },

  onChineseChange: function(e) {
    this.setData({
      chinese: e.detail.value
    })
    this.calculate()
  },

  onEnglishChange: function(e) {
    this.setData({
      english: e.detail.value
    })
    this.calculate()
  },

  calculate: function() {
    var total = parseInt(this.data.math) + parseInt(this.data.chinese) + parseInt(this.data.english)
    var average = total / 3.0
    this.setData({
      total: total,
      average: average.toFixed(2)
    })
  }
})

这个小程序会显示一个成绩计算器界面，用户可以在输入框中输入数学、语文、英语三门课的成绩，程序会自动计算总分和平均分并显示在界面上。其中，onMathChange、onChineseChange、onEnglishChange是输入框内容改变时的回调函数，calculate函数用于计算总分和平均分。