【亿码酷站-编程开发教程】收集全网优质教程及源码资源!
全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!
答题小程序随机发题目的方法: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。
实现效果:
答题小程序怎么随机发题目
—–文章转载自PHP中文网如有侵权请联系admin#tyuanma.cn删除
个人申请小程序有什么功能
声明: 本文章由【亿码酷站】整理自网络!如有侵权,请邮件联系 ymkuzhan@126.com 删除。本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。
赞助本站仅为维持服务器日常运行并非购买程序及源码费用因此不提供任何技术支持,如需商用请购买正版!
本站资源如无特殊说明解压密码一律为www.ymkuzhan.com
本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。
赞助本站仅为维持服务器日常运行并非购买程序及源码费用因此不提供任何技术支持,如需商用请购买正版!
本站资源如无特殊说明解压密码一律为www.ymkuzhan.com