微信小程序-猜数字游戏

1:app.json文件中新增一行,创建新页面

2:撰写页面框架文件

注意 此处用到页面if判断 如果猜数字游戏成功结束 显示出重新开始按钮

3:撰写页面样式文件

4:撰写相应逻辑处理函数

主要知识点

由于每次猜的数字输入之后输入框要清空,因此button按钮的form-type设置为reset,绑定事件为guessNum

当input输入框输入完成之后将数据提交到逻辑文件,为input绑定bindinput事件。

js文件中猜数据函数通过变量count来计算猜的次数,字符串来显示猜的结果提示,最终猜对弹出提示框
页面框架文件
微信小程序-猜数字游戏_第1张图片
页面样式文件
微信小程序-猜数字游戏_第2张图片
页面逻辑文件
微信小程序-猜数字游戏_第3张图片
微信小程序-猜数字游戏_第4张图片
微信小程序-猜数字游戏_第5张图片

你可能感兴趣的:(小程序,js)