答題小程序隨機發題目的方法：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。

實現效果：

總結

以上是生活随笔為你收集整理的答题小程序怎么随机发题目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。