這篇文章主要介紹了答題小程序如何實現(xiàn)隨機發(fā)題目,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
答題小程序隨機發(fā)題目的方法:1、實現(xiàn)問題,代碼為【<view style="display:flex;">;<label>請問你的名字?</label>】;2、隨機數(shù)實現(xiàn),代碼為【goto_logs: function(){}】。
答題小程序隨機發(fā)題目的方法:
初始界面如1,答案輸入錯了,點擊確定,確定底下的文本顯示“錯了!”,點擊跳轉(zhuǎn),跳轉(zhuǎn)下面隨機生成一個0-9之間的整數(shù),如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" >跳轉(zhuǎn)</button> </view> <view>{{suiji}}</view>
第一組是問題實現(xiàn),form組件里面有view、input、button,返回的值是tip。
第二組是隨機數(shù)實現(xiàn),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函數(shù)是問題的,正確答案是“無面人”,輸入“無面人”就提示“對了!”否則“錯了!”。
goto_logs函數(shù)就是隨機了,主要是這行var random = Math.floor(Math.random() * 10);在[0,10)之間取值,包括0,但不包括10。
實現(xiàn)效果:
感謝你能夠認真閱讀完這篇文章,希望小編分享答題小程序如何實現(xiàn)隨機發(fā)題目內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司,,關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設公司,,詳細的解決方法等著你來學習!
本文標題:答題小程序如何實現(xiàn)隨機發(fā)題目-創(chuàng)新互聯(lián)
URL網(wǎng)址:http://sd-ha.com/article0/gogoo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供域名注冊、用戶體驗、網(wǎng)站維護、網(wǎng)站策劃、做網(wǎng)站、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容