发表于： 2017-04-10 21:06:52
1 1117
今日完成：
继续任务四，完成各个页面的动态取值，动态存储。
明日计划：
完成任务四并调试，开启任务五。
问题：
1.今天重写了逻辑，想要获取谁被杀时卡住。后来换了一个思路，将被杀玩家的鼠标事件属性改为单独的css文件，通过获取css名来判断。
2.需要在啊法官台帐页面，获取每一天谁被杀，角色是谁。我之前有两个数组，一个是玩家角色分配情况的数组，另一个是玩家生死情况的数组（数值为：生存，死亡，生存，生存...）于是想在法官台帐页面把这两个数组结合起来，获取每一天谁被杀，角色是谁的数据。
想着挺简单，实现起来反而复杂，写了一下午。现在想想不应该这样做，直接在杀人页面获取值并存为数组传过来就好了，完全没有必要用目前的方法。
3.遇到：获取存储后的值（动态的），需要把与此相关联的值或者对象全部刷新。结合js的特点，它是从上往下执行，同时把需要的值变为数组，利用for循环进行遍历，就可以达到目的。
4.在获取每一天谁被杀，角色是谁的值时，我新增两个数组，一个（deadnum）用了存储死亡玩家的序号，另一个（deadman）死亡存储玩家的角色：
var c= localStorage.c
for (var g=0;g<num.length;g++){
if (condition[g]=="死亡"){
deadnum[c]=g;
deadman[c]=num[g];
c++
}
}
localStorage.c = c
发现获取到的数值在两个数组中的位置一直不对，我就去调试页面其他部分以及其他页面去了。最后才发现，不应该存储c的值。我的目的是遍历元素，存储了值后，c的值刷新一次页面就会增加一次，导致错误。
5.对数据赋值和条件判断认识不足。
var text=document.getElementsByClassName("text");
var text_num;
for ( text_num=0;text_num<=day;text_num = text_num+2){
console.log(text_num);
console.log(click);
text[text_num+2].innerText=deadnum[text_num]+"号被杀手杀死，真实身份是"+deadman[text_num];
text[ text_num+3].innerText=deadnum[text_num++]+"号被投票杀死，真实身份是"+deadman[text_num++];
if (click>=(text_num*2)+1 && click<(text_num*2)+4){
text[text_num+2].style.display="inline-block"
}
if (click>=(text_num*2)+4){
text[text_num+3].style.display="inline-block";text[text_num+2].style.display="inline-block"
}
一直无法进入最后的if条件判断那里，在我看来text_num的值就是0而已。最后发现，黑体字部分已经将text_num的值重新赋值了。也浪费了很多时间。
收获：
今天主要调试页面，实现数据的存储及传递，没有学习太多的新知识。
最主要是在这个过程中对各种基础js知识有了巩固。
返回列表
评论