答题小程序怎么随机发题目
答题小程序随机发题目的方法: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 formType="submit" >确定</button>
</view>
</form>
<view>{{tip}}</view>
<view style="display:flex;margin-top:30px;">
<button 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。
实现效果:
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tangbhkbb
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
photoshop蒙版画笔没反应怎么办
PHP中文网 06-24