答題小程序如何實現隨機發題目

這篇文章主要介紹了答題小程序如何實現隨機發題目，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

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

實現效果：

感謝你能夠認真閱讀完這篇文章，希望小編分享答題小程序如何實現隨機發題目內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!