发表于: 2017-06-08 22:06:06

1 1108


今天完成的事情: 

1.学会了如何向HTML中添加内容,需要用到innerHTML属性;

<script type="text/javascript">

 function getInnerHTML() { 

document.getElementById("tr1").innerHTML=HTML;//HTML内容

 }

 </script>

当然也可以使用这个属性清空HTML中的内容:document.getElementById("tr1").innerHTML=“”;写入一个空元素清空内容

2.为点击设置按钮添加了函数function setBtn();

在函数中先定义了两个数组:杀手killer和平民people

var num = document.getElementById("num");//局部变量
var list = document.getElementById("list");
var z = num.value;
var killer = Array();
var people = Array();

然后先清空“list”中的内容

//清空ul中的内容
list.innerHTML = "";

再在num.value的不同范围内定义kille.length的长度,之后为杀手数组和people数组填充元素

for (var i = 0; i <= killer.length; i++) {
   killer[i] = "杀手";
}
for (var j = 0; j <= people.length; j++) {
   killer[j] = "平民";
}

再将两个数组合并入一个新的数组all

var all = killer.concat(people);

使用昨天学到的洗牌算法将这个all数组中的元素打乱

然后将杀手和平民的人数写入“list”中

var player_killer;
var player_people;
player_killer="<li><span></span>"+"杀手"+killer.length+""+"</li>";
player_people="<li><span></span>"+"平民"+people.length+""+"</li>";
list.innerHTML = player_killer;//设置显示区域的html
list.innerHTML = player_people;

明天的计划:解决这些疑惑,完成task2

遇到的问题:继续刚刚的描述,你以为事情就这么完了吗,no!!不知道我的思路有没有什么问题,主要的代码都在上面的,然而代码并没有如愿地运行,但是也没有报错,只是会运行一会儿后浏览器就崩了,问过师兄了,估计是陷入了死循环,然后我就将函数分成几个模块,分别注释调试,然而不管注释那一部分都会崩,查看了代码,并没有发现那里的循环写的有问题,从未如此的需要过师姐,你快回来吧,顿首!绝望ing

收获:收获了一堆bug


返回列表 返回列表
评论

    分享到