答题小程序随机发题目的方法:1、实现问题,代码为【<view style="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
函数就是随机了,主要是这行var random = Math.floor(Math.random() * 10);在[0,10)之间取值,包括0,但不包括10。
实现效果:
名称栏目:答题小程序怎么随机发题目
文章网址:https://www.cdcxhl.com/article16/cjchgg.html
成都网站建设公司_创新互联,为您提供App设计、外贸建站、做网站、微信小程序、电子商务、软件开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联