发表于: 2017-06-08 22:06:06
1 1105
今天完成的事情:
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
评论