发表于: 2017-04-18 23:17:11
1 672
任务进展:
1:修改了input range控件的默认样式。
2:在JS中为按钮和input加入判断语句,超出范围时弹出窗口提示。
3:完成任务3的页面布局,页面传参成功。
遇到问题:
1:input range控件由轨道和滑块组成,修改样式时需修改两部分:input[type="range"]和input[type="range"]::-webkit-slider-thumb,用-webkit-appearance:none;-moz-appearance:none将默认样式隐藏,再根据要求设置自己的样式。
2:运行任务2时发现人数在12-18时杀手的数量仍为2,查找原因是分配函数有问题,在JS中诸如:a<s<b的格式是无效的,修改之后分配正常。
3:根据昨天的想法重新试了下,可以获取到textNode,可以删除textNode,但是页面上对应的文本不会消失,需设置innerHTML=""才会消失,原因不清楚,有待研究。
4:任务3页面的基本操作思路是:根据传入页面的参数split()之后得到杀手和平民的数量,创建对应的文本,按照点击顺序依次赋给对应显示元素的innerHTML,且有序地清除和显示对应的文本和按钮内容,最后跳转法官查看页面,同样传入参数创建玩家方块,明天尝试完成。
明日计划:
完成任务3的页面操作功能。
收获:
学习了 input range的样式修改,和通过url在页面间传递参数。
评论