【移动应用开发技术】答题小程序如何实现随机发题目

【移动应用开发技术】答题小程序如何实现随机发题目

这篇文章主要介绍了答题小程序如何实现随机发题目，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让在下带着大家一起了解一下。答题小程序随机发题目的方法：1、实现问题，代码为【<viewstyle="display:flex;">;<label>请问你的名字？</label>】；2、随机数实现，代码为【goto_logs:function(){}】。答题小程序随机发题目的方法：1、实现问题，代码为【<viewstyle="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函数就是随机