发表于: 2017-04-19 23:49:08
1 691
任务进展:
1:完成任务3的操作显示功能。
2:根据传入的玩家人数完成法官查看页面显示。
遇到问题:
按照人数定义数组,按杀手和平民的个数先逐次赋给数组,定义乱序函数打乱数组,遍历数组找出杀手的索引存入sessionStorage用于传入法官查看页面。预先在html页面设定各图像和文本的样式,并根据psd设置其默认display值,定义显示函数,判断设定每次要显示和隐藏的元素,定义一个数字变量,在变量小于玩家人数时每次点击按钮时调用显示函数,在显示函数内部以此变量作为数字显示于页面中的圆圈中,同时作为索引值显示数组中的身份,最后变量自增,在变量大于玩家人数时设置点击按钮跳转至法官查看页面,同时将人数传入。
在法官查看页面根据人数创建数组,遍历sessionStorage中的键值对,当循环指针等于sessionStorage中的键值时,设置数组对应项为杀手,否则为平民,以此恢复乱序后的数组,然后建立循环,按人数创建玩家方块,每次取数组中的项赋予玩家方块,完成显示。
明日计划:
1:完善页面的功能,尝试为页面加上记忆功能,可后退重新查看身份。
2:开始任务4。
收获:
学习了sessionStorage和localStorage的用法。
评论