答题小程序如何实现随机发题目
发布时间:2020-12-11 11:53:36
来源:亿速云
阅读:123
作者:小新
这篇文章主要介绍了答题小程序如何实现随机发题目,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。答题小程序随机发题目的方法:1、实现问题,代码为【;请问你的名字?】;2、随机数实现,代码为【goto_logs: function(){}】。
答题小程序随机发题目的方法:
初始界面如1,答案输入错了,点击确定,确定底下的文本显示“错了!”,点击跳转,跳转下面随机生成一个0-9之间的整数,如2所示,答案输入正确了,点击确定,文本显示就是“对了!”。
先从简单入手,别的不管了。
index.wxml代码:
请问你的名字?
答案:
确定
{{tip}}
跳转
{{suiji}}
第一组是问题实现,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。
实现效果:
感谢你能够认真阅读完这篇文章,希望小编分享答题小程序如何实现随机发题目内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!