发表于: 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";
}
}

                      
收获: 头几天都在看,今天写的时候还是写不出来... 还是边写边琢磨,来的快些。                      


返回列表 返回列表
评论

    分享到