如何制作答题小程序实现随机发放题目功能？

本文共计630个文字，预计阅读时间需要3分钟。

题目：随机选题小程序的开发方法

内容：1. 实现问题，代码为【view style=display:flex; label请问你的名字？/label】；2. 随机数实现，代码为【goto_logs: function(){}】。

相关学习推荐：微信小程序开发。

答题小程序随机发题目的方法：1、实现问题，代码为；2、随机数实现，代码为。

相关学习推荐：微信小程序开发

答题小程序随机发题目的方法：

初始界面如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。

实现效果：

以上就是答题小程序怎么随机发题目的详细内容，更多请关注自由互联其它相关文章！