发表于: 2016-12-30 21:45:26
2 1555
今天完成的事情:
1.看来一遍慕课上的js基础知识;
2.完成了task1的js效果(按第一个按钮,开始变色,一秒变一次,按另一个按钮,重置所有)
明天计划的事情:
1.把task1的代码再重构下,现在这个实现的方法不好。(随机取的三个盒子,可能同时取到一样的,导致变色的个数少于2个)
2.整理task2的思路,查看相关资料。
3.由于task2的第一个页面是写好了的,就把task2的第二个页面写完。写的时候多结合文档想想业务逻辑。
遇到的问题:
1.写task1的时候,开始不知道如何产生随机颜色,后来使用了
function bg3(){
var r=Math.floor(Math.random()*256);
var g=Math.floor(Math.random()*256);
var b=Math.floor(Math.random()*256);
return "rgb("+r+','+g+','+b+")";
}
2.不知道如何获取盒子,后来想到把每个盒子的id存到一个数组里,然后再随机出来。
function b1() {
var mybox = ["box1","box2","box3","box4","box5","box6","box7","box8","box9"];
a = Math.floor((Math.random()*mybox.length));
return mybox[a]
}
3.后来重置的时候,想用类名来获取所有的元素,f12一直报错,请教邵博师兄,知道了选取的是在一个数组里面,用for循环就能实现。
btn2.onclick=function( ){
var ha = document.getElementsByClassName("ha");
for (var i=0 ;i<ha.length;i++){
ha[i].style.backgroundColor= "orange";
}
}
收获: 头几天都在看,今天写的时候还是写不出来... 还是边写边琢磨,来的快些。
评论