首頁 > 微信小程式 > 小程式開發 > 答題小程式怎麼隨機發題目

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

PHPz
發布: 2020-09-27 10:21:53
原創
3685 人瀏覽過

答案小程式隨機發題目的方法: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: &#39;对错&#39;,
    suiji:&#39;00&#39;
  },
  formBindsubmit: function (e) {
    if (e.detail.value.psw == "无面人") {
      this.setData({
        tip: &#39;对了!&#39;
    })
    }
    else {
      this.setData({
        tip: &#39;错了!&#39;
      })
    }
  },
  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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板