猜数字

开发工具与关键技术：VS    JS
作者：宋永烨
撰写时间：2019/4/1

闲暇时间利用JS功能写了一个小游戏,通过判断用户输入的数字与系统随机生成的数字的大小来达到游戏性.

1. 创建表单
   
   由于本代码不涉及异步提交,故不使用表单,只用一些表单组件
   fieldset: 标签,可已将包含的表单组件进行组合,提升美观程度
   legend:标签 fieldset中的定义标题
   textarea: 标签,文本域,
   input标签:type为text时,显示为一个文本框,readonly属性,只读
   br 标签:换行
2. 逻辑判断
   全文核心部分,控制随机数的生成与用户输入后的反馈
   1.设置一个一千以内的正整数并赋值给一个全局变量,一个点击次数的全局变量,一个记录金币的全局变量
   2.游戏本体:获取到用户输入的input 标签的Value值,再将他与全局变量进行对比,如果过大,或过小则提示用户即可.
   3.开始功能:使游戏区分什么时候开始,调用后使游戏重置,并在调用后无法再次调用,防止与重置按钮功能重复.
   4.重置功能:使游戏重新启动,并可在未结束的情况下使用,调用后不重置,但开始前无法使用.
   5.金币系统:营收的主要来源,暂时可以通过刷新页面使金币重置,但无法增加
   
   
3. 功能优化
   
4. 添加一个用于记录输入过已输入数字的记录框,此为手动版,
5. 添加一个游戏规则防止用户不知道规则
6. 通过颜色标识按钮,使按钮的状态更加明显.
7. 剩余次数的提示可以使用户更加明显的看到.
8. 逻辑关系
9. 每当按下启动或重置后,扣除50金币,输入次数重置,随机数重置
10. 随机数、金币与输入次数设置为全局变量为了防止方法调用后数据重置
11. 当用户输入的数字大于或小于随机数时,提醒用户
12. 当输入次数小于零则提示游戏结束并重置游戏,扣除50金币
13. 当最后输入的值与随机数相同则提示成功并奖励100金币后重置游戏
14. 当输入次数用尽且金币用尽则提示充值且不重置游戏

本文纯原创,如有错漏请指正