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

答題小程式隨機發題目的方法：1、實現問題，程式碼為【<view style="display:flex;">;<label>請問你的名字？</label>】；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。

實現效果：

以上就是答題小程式怎麼隨機發題目的詳細內容，更多請關注TW511.COM其它相關文章！