答題小程序隨機(jī)發(fā)題目的方法：1、實(shí)現(xiàn)問題，代碼為【<view style="display:flex;">;<label>請問你的名字？</label>】；2、隨機(jī)數(shù)實(shí)現(xiàn)，代碼為【goto_logs: function(){}】。

相關(guān)學(xué)習(xí)推薦：微信小程序開發(fā)

答題小程序隨機(jī)發(fā)題目的方法：

初始界面如1，答案輸入錯(cuò)了，點(diǎn)擊確定，確定底下的文本顯示“錯(cuò)了！”，點(diǎn)擊跳轉(zhuǎn)，跳轉(zhuǎn)下面隨機(jī)生成一個(gè)0-9之間的整數(shù)，如2所示，答案輸入正確了，點(diǎn)擊確定，文本顯示就是“對了！”。

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

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" >跳轉(zhuǎn)</button> </view> <view>{{suiji}}</view>

第一組是問題實(shí)現(xiàn)，form組件里面有view、input、button，返回的值是tip。

第二組是隨機(jī)數(shù)實(shí)現(xiàn)，button，返回的值是suiji。

index.js代碼：

Page({   data: {     // text:"這是一個(gè)頁面"     tip: '對錯(cuò)',     suiji:'00'   },   formBindsubmit: function (e) {     if (e.detail.value.psw == "無面人") {       this.setData({         tip: '對了！'     })     }     else {       this.setData({         tip: '錯(cuò)了！'       })     }   },   goto_logs: function () {     var random = Math.floor(Math.random() * 10);     this.setData({       suiji: random     })        },     })

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

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

實(shí)現(xiàn)效果：