发表于: 2016-12-08 23:07:45

1 1396


今日完成:

今天在完成了任务4-2的杀手杀人页面。

完成思路:

1,给每个节点添加事件       完成

2,点击后边框颜色改变,      完成

3点击另一个,上次改变的颜色取消  完成

4 杀手不能杀死自己,   完成

5.点击确定后,角色死亡,保存数据。并传给下一个页面,打印出来。正在进行。。。 遇到了问题

6杀手不能杀死已死亡的角色  未完成

明日计划:


继续任务4-2杀手杀人页面。5 6

遇到的问题:

3,数组转换字符串未成功 下个页面没接收到消息

问题代码

 var TotalStatus = [];//每个人的身份信息,状态
  TotalStatus= document.getElementById("wrap").childNodes;//获取wrap下的子节点。
var y =0; //定义两个变量。
var i;
var TotalStatusStr;
for (var n=0; n<TotalStatus.length;n++){
TotalStatus[n]={};
TotalStatus[n].num=n+1;
TotalStatus[n].identity=arrPerson[n];//给每个节点赋予状态
     TotalStatus[n].daysum = 0;
TotalStatus[n].status = "active";
console.log(TotalStatus);

TotalStatus[n].onclick= function (){//给每个节点添加事件


       if(y==0){
if(this.children[0].children[0].innerText=="杀手"){
alert("不能杀死自己!!")
}
else {
this.style.borderColor= "orange";//第一次改变选中的边框颜色
               this.status="killed"
               i=this; //把当前选中的节点付给i
               y++;
return this;
}
}
else{
if(this.children[0].children[0].innerText=="杀手"){
alert("不能杀死自己!!")
}
else {
i.style.borderColor ="white";//第二次把上次颜色变回来
               this.style.borderColor= "orange";//把当前的颜色改变
               i=this;
this.status="killed"
               y++;
return this;
}
}
console.log(TotalStatus);
// TotalStatusStr=JSON.stringify(TotalStatus);
         // localStorage.sth = TotalStatusStr;   这部分感觉有问题
         // console.log(TotalStatus);
   }
};



今日收获;

完成了任务4 的1234部分,熟悉了事件,并知道了给多个节点添加事件。。

了解了二维数组




返回列表 返回列表
评论

    分享到