答题小程序随机发题目的方法: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.jb51.cc/weapp/1201432.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。