发表于： 2016-12-22 23:51:23
1 1400
今天完成的事情：
#任务2预定达成
#分配事件，随机事件，排序事件，插入事件
明天计划的事情：
#任务2的数据展示框完成
#任务1的重构
#任务3的初步了解
遇到的问题：
#在代码编写过程中还是不能很熟练的写出代码，参考了师兄的代码，把逻辑看明白了。但换成自己来写，可能还是够呛的
#其中在2.3杀手值循环的时候，请教了一下师兄，而在插入HTML的时候，使用了CSS伪类而不是JS原生。原生类的写法还需要熟悉一下
收获：
a获取设置人数按钮
b获取设置ul节点
c获取拖动条
d获取数据展示按钮
1:设置人数按钮点击事件
1.1
新建一个数组来存放玩家
新建一个变量来输出玩家
1.2
删除所有li
1.3
新建变量来获得c的值
判断是否为数字 和 是否小于6 和 是否大于18，如果是弹窗提示，如果否就进入下一阶段
2杀手和水民数组生成
2.0
新建杀手比例调控函数
2.1
接收总人数，并新建一个存放杀手的局部变量
2.1
根据总人数判断需要几个杀手，返回杀手值
2.2
返回杀手值给杀手函数，并把函数赋值给一个新的变量
2.3
新建for循环,使用杀手值变量生成杀手
2.4
用杀手值变量和总人数对比，把其中的相差的值生成水民
2.5
把杀手和水民数组都传给玩家数组
3新建切牌函数算法
使用切牌算法随机玩家数组
4插入HTML
4.1
把随机好的数组赋值给一个变量
4.2
使用变量进行遍历，输出数组对应的值并赋值给输出玩家
4.3
把输出玩家的值插入HTML
加减按钮逻辑
1.1
新建点击事件函数
1.2
建立switch判断
1.3
如果点击事件的值是0，如果c的值<=1,弹窗提示不能这样操作，如果不是执行自减。
1.4
如果点击事件的值是1，如果c的值>=18,弹窗提示不能这样操作，如果不是执行自增。
数据展示框，输入框逻辑
1.1
新建函数，获取c的值，并让输入框的值和c的值相等
1.2
限制用户传进来的数据（只能是数字，不超过2位）
1.3
如果超过，就进行提示
返回列表
评论