发表于: 2017-04-24 23:34:57
2 1086
今天完成的事情:法官日志页面完成一半吧,基本功能实现,还有些细节需要改动;设置变量用于存放游戏进展到
第几天:var day=1;默认是第一天,然后每点击一次投票按钮day++,并且储存到本地
day++;
sessionStorage.day = day;
使用for循环day一天加一天的循环,知道游戏结束:
for (var b = 0; b < day; b++) {
$("#content").append(" <div class='oneday'>第" + (b + 1) + "天</div>" +
"<div class='day'>"+
"<div class='day-left'>"+
"<img src='../../images/task4-22.png'>"+"</div>"+
" <div class='day-right'>"+
"<p id='sha'>杀手杀人</p>"+
"<div class='vote'>"+"</div>"+
"</div>"+
"</div>"+
"<div class='night'>"+
"<div class='day-left'>"+
"<img src='../../images/task4-23.png'>"+
"</div>"+
"<div class='day-right'>"+
"<p id='wang'>亡灵发表遗言</p>"+
"<p id='wan'>玩家依次讨论</p>"+
"<p id='tou'>投票</p>"+
"</div>"+
"</div>");
}
将数据存到 sessionStorage中,管你前进后退还是刷新,数据依然在,关闭窗口后再进页面才会清空数据,觉得
sessionStorage更适合这个游戏,把之前几个任务都换成了 sessionStorage储存,学习了
sessionStorage.getItem()获取值的方法;
还有parseInt() 方法:parseInt() 函数可解析一个字符串,并返回一个整数;
其勇师兄给讲个好久有限状态机;但恕师弟愚昧,大概意思理解点,实际操作还是没思路;
明天计划做的事:尽量把桌游精灵js逻辑都写完,然后再整理一下,目前代码很乱;
遇到的问题:获取day值的时候卡住了,投票按钮day++了,但是返回的还是1,其实问题很智障,原来我day++之
后没有储存数据;
进行到第二天的时候点击杀手杀人不起作用,可能是因为数据还没储存,明天再改动下试试,实在不行还要劳烦师
兄指教啦!
收获:任务进行到这里感觉有点豁然开朗的感觉,马上面临成功了,收获心情挺美丽的!还有parseInt() 方法;
sessionStorage.getItem()获取值的方法;有限状态机虽然还没完全理解,但今天师兄讲那么长时间,对状态机的
理解也加深了一步。
评论