发表于: 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部分,熟悉了事件,并知道了给多个节点添加事件。。
了解了二维数组
评论