发表于: 2017-03-04 23:48:34
2 787
今天完成的事情:重构了任务7
明天计划的事情:给任务7加左侧弹出菜单,并开始任务14
遇到的问题:
一、 对文件夹的管理好乱,每个任务一个仓库,十几个css任务的文件和其他文件混在一起,连bootstrap的框架都没有共用一个文件。还是建立一个大仓库比较好。
二、 买的js书终于到了,看一下,写了一个随机改变div背景颜色的函数:
function change_color() {
var divs = document.getElementsByTagName("div");
// 生成3个不同的1-8的随机数
var num1 = Math.random() * 8.99999999999999999999;
num1 = Math.floor(num1);
do {
num2 = Math.random() * 8.99999999999999999999;
num2 = Math.floor(num2);
} while (num1 == num2);
do {
num3 = Math.random() * 8.99999999999999999999;
num3 = Math.floor(num3);
} while (num3 == num1 || num3 == num1);
//生成3组rgb值
var ran1 = Math.random() * 255;
var ran2 = Math.random() * 255;
var ran3 = Math.random() * 255;
ran1 = Math.round(ran1);
ran2 = Math.round(ran2);
ran3 = Math.round(ran3);
var ran4 = Math.random() * 255;
var ran5 = Math.random() * 255;
var ran6 = Math.random() * 255;
ran4 = Math.round(ran4);
ran5 = Math.round(ran5);
ran6 = Math.round(ran6);
var ran7 = Math.random() * 255;
var ran8 = Math.random() * 255;
var ran9 = Math.random() * 255;
ran7 = Math.round(ran7);
ran8 = Math.round(ran8);
ran9 = Math.round(ran9);
divs[num1].style.backgroundColor = "rgb(" + ran1 + "," + ran2 + "," + ran3 + ")";
divs[num2].style.backgroundColor = "rgb(" + ran4 + "," + ran5 + "," + ran6 + ")";
divs[num3].style.backgroundColor = "rgb(" + ran7 + "," + ran8 + "," + ran9 + ")";
}
写的很蠢,但是有效
遇到了一个问题,这样写是无效的:
divs[num3].setAttribute("backgroundColor","rgb(" + ran7 + "," + ran8 + "," + ran9 + ")");
收获:还是太年轻了,得多学习
评论