PHP前端开发

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

百变鹏仔 2周前 (03-12) #前端问答
文章标签 题目
答题小程序随机发题目的方法:1、实现问题,代码为【;请问你的名字?】;2、随机数实现,代码为【goto_logs: function(){}】。

相关学习推荐:微信小程序开发

答题小程序随机发题目的方法:

初始界面如1,答案输入错了,点击确定,确定底下的文本显示“错了!”,点击跳转,跳转下面随机生成一个0-9之间的整数,如2所示,答案输入正确了,点击确定,文本显示就是“对了!”。

先从简单入手,别的不管了。

index.wxml代码:

      请问你的名字?        答案:            确定  {{tip}}  跳转{{suiji}}

第一组是问题实现,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。

实现效果: