小程序答题小demo

// pages/demosc/demosc.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    scTitle: '锄禾日当午',
    scEmptyBtns:[
      { text: '', index: 0 },
      { text: '', index: 1 },
      { text: '', index: 2 },
      { text: '', index: 3 },
      { text: '', index: 4 },
    ],
    words:[
      "汗","滴","你","禾","我","下","土","哈"
    ]
  },
  handlClickword:function(e){
    console.log(e.currentTarget.dataset.w);  //固定写法,点击的参数
    let curWord = e.currentTarget.dataset.w;
    let fullFlag=true;
    for (let i = 0; i < this.data.scEmptyBtns.length;i++){
      if(this.data.scEmptyBtns[i].text==''){
        this.data.scEmptyBtns[i].text = curWord;
        if(i<4){
          fullFlag = false;
        }
        break;
      }
    }
    if (fullFlag){
      let answer='';
      for (let i = 0; i < this.data.scEmptyBtns.length; i++){
        answer += this.data.scEmptyBtns[i].text;
      };
      if (answer=="汗滴禾下土"){
        wx.showToast({
          title: '成功',
        })
      }else{
        wx.showToast({
          title: '选择失败',
        })
      };
    }
    this.setData({
      scEmptyBtns:this.data.scEmptyBtns
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

<view class='container'>
  <view>{{scTitle}}</view>
  <view class='sc-empty-block'>
    <button class='sc-btn empty-btn' wx:for="{{scEmptyBtns}}" wx:item='item'>{{item.text}}</button>
  </view>
  <view class='sc-empty-block'>
    <button bindtap='handlClickword' data-w='{{item}}' class='sc-btn' wx:for="{{words}}" wx:item='item'wx:key='key'>{{item}}</button>
  </view> 
</view>