发表于: 2017-02-21 23:26:17
1 1176
今天完成的事情:
今天继续任务四,已完成法官查看页面,另外流程页面样式大致完成
然后写一下任务二流程
首先获取输入框节点为gameNumber,获取滑动条节点为silderNumber,获取加减按钮节点分别为changeMore、changeLess
定义函数toNumber(),传递一个参数,判断是否为数字,如果不是,alert提示语句,然后判断是否在4-16范围内,如果不是,alert提示语句
输入框我这里使用oninput事件,其实更好的应该使用enter事件,事件触发后,将value值赋给silderNumber.value,然后在令silderNumber.value=gameNumber.value;
滑动条使用点击事件,逻辑和上面一致
加减按钮使用onclick事件,点击后,silderNumber.value、gameNumber.value都自加或自减
然后设置杀手数组killer、水民数组gamer、总人数数组people,获取设置的节点setGame,获取游戏人数区节点npc,
给杀手数组和水民数组定义数组长度,someNumber为setGame点击事件触发后获取input节点的value值
为了不断添加节点,必须要先将npc.innerHTML赋值空字符串
然后用循环方法将杀手数组和水民数组添加“杀手”、“水民”元素,再将两个数组合并成一个数组people,将数组乱序生成一个新数组newPeople,最后用循环方法添加节点
明天计划的事情:
1、继续任务四
2、将杀人和投票逻辑完成
遇到的问题:
jQuery循环方法,杨泽平说可以使用过滤选择器:eq(index),没找到办法,最后使用each()方法实现循环
收获:
1、熟悉了jQuery的用法,包括each(),blid()等方法
2、今天小课堂讲的是css各种单位,有px、%、em、rem、vw、vh、vm,其中百分比和em是相对于父元素,而rem是相对于根元素
评论