答題小程式怎麼隨機發題目

答案小程式隨機發題目的方法：1.實作問題，程式碼為【;請問你的名字？ 】；2、隨機數實現，代碼為【goto_logs: function(){}】。

相關學習推薦：微信小程式開發

#答案小程式隨機發題目的方法：

初始介面如1，答案輸入錯了，點擊確定，確定底下的文字顯示“錯了！” ，點擊跳轉，跳轉下面隨機產生一個0-9之間的整數，如2所示，答案輸入正確了，點擊確定，文字顯示就是「對了！」。

先從簡單入手，別的不管了。

index.wxml程式碼：

<form bindsubmit="formBindsubmit">
  <view style="display:flex;">
    <label>请问你的名字？</label>
  </view>
  <view style="display:flex;">
    <label>答案：</label>
    <input name="psw" placeholder="请输入答案！"/>
  </view>
  <view style="display:flex;margin-top:30px;">
    <button style="width:30%;" formType="submit" >确定</button>
  </view>
</form>
<view>{{tip}}</view>
<view style="display:flex;margin-top:30px;">
  <button style="width:30%;" bindtap="goto_logs" >跳转</button>
</view>
<view>{{suiji}}</view>

第一組是問題實現，form元件裡面有view、input、button，回傳的值是tip。

第二組是隨機數實現，button，傳回的值是suiji。

index.js程式碼：

Page({
  data: {
    // text:"这是一个页面"
    tip: '对错',
    suiji:'00'
  },
  formBindsubmit: function (e) {
    if (e.detail.value.psw == "无面人") {
      this.setData({
        tip: '对了！'
    })
    }
    else {
      this.setData({
        tip: '错了！'
      })
    }
  },
  goto_logs: function () {
    var random = Math.floor(Math.random() * 10);
    this.setData({
      suiji: random
    })
    
  },
 
 })

formBindsubmit函數是問題的，正確答案是“無面人”，輸入“無面人”就提示“對了！”否則“錯了！」。

goto_logs函數就是隨機了，主要是這行var random = Math.floor(Math.random() * 10);在[0,10）之間取值，包括0，但不包括10 。

實作效果：

以上是答題小程式怎麼隨機發題目的詳細內容。更多資訊請關注PHP中文網其他相關文章！