发表于: 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是相对于根元素


返回列表 返回列表
评论

    分享到