发表于: 2017-04-12 23:54:49

1 636


今天完成的事情:完成了JS任务2-4
明天计划的事情:肝任务5
遇到的问题:今天写了一天的结果页输出,因为前面页的逻辑有问题,没有完整的记录一天的所有状态,所以又去改前面的页面,在最开始的页面搞一个数组,用来存放死亡的玩家,然后数组的长度就是死了多少人,然后因为永远是投完票才游戏结束,于是数组的长度除以2就是过了多少天,然后把这个数组一直传到游戏结束的页面,输出天数,输出几号玩家是什么时候死的。JQ的追加节点的方法还不是很熟悉,一开始一直用JS创建节点追加节点,写了太多了,自己都乱了。然后学了JQ的追加节点,太方便了阿,

var一个变量等于$("")要输出的所有内容,等于就是可以直接把要写在HTML的代码复制进去,然后用append(变量)追加到要输出的地方就行。

for (var i = 0; i < nc.length; i++) {
var deadNight = nc[i] + 1;
   var deadDay = nc[++i] + 1;
   var txt = $(' <div class="box2"> <p class="font3">第' + parseInt(i / 2 + 1) + '天</p><p class="font5">晚上:' + deadNight + '号被杀手杀死,' + deadNight + '号是' + person[deadNight-1].identity + '</p><p class="font5">白天:' + deadDay + '号被全民投票投死,' + deadDay + '号是' + person[deadDay-1].identity + '</p></div><div class="box1"></div>')
$("#main").append(txt)
}

收获:学会使用JQ的创建文本和追加功能,可算完成了。++i是先加一再获取i的值,这里用++i,让变量永远是单数,然后就能获取到白天的死亡玩家的号码。每输出完一天要有一个border-bottom,这里我在最后再追加一个只是一条线的DIV,然后来达到目的,这样就不用外面套一个DIV,然后给DIV写border。(很机智的办法,嘉豪牛比)。


返回列表 返回列表
评论

    分享到