微信小程序在线答题代码

以下是一个简单的微信小程序在线答题的代码示例：

1. 首先需要在 wxml 文件中添加题目和选项的布局：

<view class="question">{{question}}</view>
<view class="option" bindtap="checkAnswer" data-index="0">{{options[0]}}</view>
<view class="option" bindtap="checkAnswer" data-index="1">{{options[1]}}</view>
<view class="option" bindtap="checkAnswer" data-index="2">{{options[2]}}</view>
<view class="option" bindtap="checkAnswer" data-index="3">{{options[3]}}</view>

2. 然后在 js 文件中定义题目和选项，并在页面加载时随机获取一道题目：

Page({
  data: {
    question: '',
    options: [],
    correctAnswer: '',
  },
  onLoad: function() {
    this.getQuestion();
  },
  getQuestion: function() {
    // 从题库中获取题目和选项
    var questionData = [
      {
        question: '以下哪个不是JavaScript的数据类型？',
        options: ['string', 'number', 'boolean', 'array'],
        correctAnswer: 3,
      },
      // 更多题目...
    ];
    // 随机获取一道题目
    var index = Math.floor(Math.random() * questionData.length);
    this.setData({
      question: questionData[index].question,
      options: questionData[index].options,
      correctAnswer: questionData[index].correctAnswer,
    });
  },
  checkAnswer: function(e) {
    // 获取用户选择的答案
    var userAnswer = e.currentTarget.dataset.index;
    // 判断用户答案是否正确
    if (userAnswer == this.data.correctAnswer) {
      wx.showToast({
        title: '回答正确！',
        icon: 'success',
        duration: 2000,
      });
    } else {
      wx.showToast({
        title: '回答错误！',
        icon: 'none',
        duration: 2000,
      });
    }
    // 获取下一道题目
    this.getQuestion();
  },
});

3. 最后在 wxss 文件中添加样式：

.question {
  font-size: 24rpx;
  margin-top: 40rpx;
  margin-bottom: 20rpx;
}
.option {
  font-size: 20rpx;
  margin-bottom: 20rpx;
  padding: 20rpx;
  border: 1rpx solid #ccc;
  border-radius: 10rpx;
  cursor: pointer;
}
.option:hover {
  background-color: #f5f5f5;
}

这样就可以实现一个简单的微信小程序在线答题功能了。当用户选择答案后，会显示回答结果并自动获取下一道题目。需要注意题目和选项的数据可以根据实际需求进行修改。