请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

模板之家 首页 教程频道 查看内容

答题小程序怎么随机发题目

模板之家 2020-10-17 20:27

分享至 : QQ空间
收藏

答题小程序随机发题目的方法:1、实现问题,代码为【view style=display:flex;;label请问你的名字?/label】;2、随机数实现,代码为【goto_logs: function(){}】。

答题小程序随机发题目的方法: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。

实现效果:

1600667135163489.png

以上就是答题小程序怎么随机发题目的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集
文章评论0人参与
热门频道
  • ecshop微信小程序代生成服务 非官方版本 可
  • 【可选购小程序】ecshop生鲜食品蔬菜水果特
  • 【可选购小程序】ecshop医药品保健药房网站
  • ecshop百货超市日用品网站 免费生成微信小
  • ecshop办公用品文具耗材设备 免费生成微信
  • 【可选购小程序】ecshop家居家纺床上用品源
  • 【可选购小程序】ecshop户外运动体育用品健
  • ecshop整站数据打包 带数据 适合申请支付、
  • ecshop跨境购海淘微信分销商城网站源码模板
  • ecshop服装服饰女装网站商城模板 oss php7
    推荐文章
  • 热门
  • 最新
返回顶部