发表于: 2017-04-06 22:15:59

1 652


一、今天完成的任务:

1,使用前两天所学到js知识进行js任务一初步的编写

二、遇到的问题:

1,会生成和本身就具有rgb颜色 相同的rgb

解决方法:

  在函数内部,使用if语句指定随机生成的颜色和本身就具有的颜色进行比较。

2,生成相同随机数字的问题:

解决方法:

  (思路正确,好像是代码写的不对,写出来没有效果,还是一如既往的生成相同的数字)在函数内部,使用if语句指定生成的第一个数字figure分别和生成的第二个数字figure_a、第三个数字figure_b进行比较,并用逻辑与&&连接两个对比。 

代码:(奉上代码请师兄指教)

//解决生成相同随机数字问题//
   if (figure===figure_a&&figure===figure_b){figure;}
if (figure_a===figure&&figure_a===figure_b){figure_a;}
if (figure_b===figure&&figure_b===figure_a){figure_b;}

三、收获:

1,设置随机颜色:

function color(){

  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 + ")";

}

还有另外一种16进制的方法暂未学会~~先学一种吧,等这一种熟练了再学另外一种。

2,给随机数字的div设置随机颜色:

co[figure].style.backgroundColor=color();

co[figure_a].style.backgroundColor=color();

co[figure_b].style.backgroundColor=color();

//使生成的数字能在console中直观的看到,方便检查是否生成了相同的数字

console.log(figure);

console.log(figure_a);

console.log(figure_b);

四、明天的计划:

1,感觉自己在解决会生成相同数字的问题的方法这一块一定是有某个知识点没有学到。明天准备再用一上午的时间好好复习一下js的基础用法。


返回列表 返回列表
评论

    分享到