发表于: 2017-04-24 23:34:57

2 1088



今天完成的事情:法官日志页面完成一半吧,基本功能实现,还有些细节需要改动;设置变量用于存放游戏进展到


第几天: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()获取值的方法;有限状态机虽然还没完全理解,但今天师兄讲那么长时间,对状态机的


理解也加深了一步。



返回列表 返回列表
评论

    分享到