答题小程序如何实现随机发题目

  介绍

这篇文章主要介绍了答题小程序如何实现随机发题目,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

答题小程序随机发题目的方法:1,实现问题,代码为【& lt;视图风格=跋允?flex;“祝辞& lt; label>请问你的名字? & lt;/label>】; 2,随机数实现,代码为【goto_logs:函数(){}】。

<强>答题小程序随机发题目的方法:

初始界面如1,答案输入错了,点击确定,确定底下的文本显示“错了!”,点击跳转,跳转下面随机生成一个0 - 9之间的整数,如2所示,答案输入正确了,点击确定,文本显示就是“对了!”。

先从简单入手,别的不管了。

索引。wxml代码:

& lt; form  bindsubmit=癴ormBindsubmit"比;   & lt;才能view 风格=跋允?flex;“比;   ,,,& lt; label>请问你的名字? & lt;/label>   & lt;才能/view>   & lt;才能view 风格=跋允?flex;“比;   ,,,& lt; label>答案:& lt;/label>   ,,,& lt; input  name=皃sw",占位符=扒胧淙氪鸢?“/比;   & lt;才能/view>   & lt;才能view 风格=跋允?flex; margin-top: 30 px;“比;   ,,,& lt; button 风格=翱矶?30%;“,formType=皊ubmit",在确定& lt;/button>   & lt;才能/view>   & lt;/form>   & lt; view>{{提示}}& lt;/view>   & lt; view 风格=跋允?flex; margin-top: 30 px;“比;   & lt;才能button 风格=翱矶?30%;“,bindtap=癵oto_logs",在跳转& lt;/button>   & lt;/view>   & lt; view> {{suiji}} & lt;/view>

第一组是问题实现,形成组件里面有视图,输入按钮,返回的值是小费。

第二组是随机数实现,按钮,返回的值是suiji。

索引。js代码:

页面({   ,,数据:{   ,,,//,文本:“这是一个页面“   ,,,提示:,& # 39;对错& # 39;,   ,,,suiji: & # 39; 00 & # 39;   ,,},   ,,formBindsubmit: function  (e), {   ,,,if  (e.detail.value.psw ==,“无面人“),{   ,,,,,this.setData ({   ,,,,,,,提示:,& # 39;对了! & # 39;   ,,,})   ,,,}   ,,,else  {   ,,,,,this.setData ({   ,,,,,,,提示:,& # 39;错了! & # 39;   ,,,,,})   ,,,}   ,,},   ,,goto_logs: function  (), {   ,,,var  random =, Math.floor (math . random (), *, 10);   ,,,this.setData ({   ,,,,,suiji:随机   ,,,})   ,,,,   ,,},   ,   以前,})

formBindsubmit函数是问题的,正确答案是“无面人”,输入“无面人”就提示“对了!”否则“错了!”。

goto_logs函数就是随机了,主要是这行var随机=Math.floor (math . random() * 10);在[0,10)之间取值,包括0,但不包括10。

实现效果:

答题小程序如何实现随机发题目

感谢你能够认真阅读完这篇文章,希望小编分享答题小程序如何实现随机发题目内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

答题小程序如何实现随机发题目