随机十六进制颜色与JavaScript

时间:2015-01-14 07:01:54

标签: javascript jquery html html5 random

我试图学习如何使用node.js和javascript编程,我的类的任务是创建一个生成随机数的javascript文件。

这些是作业的指示。 有人可以解释我如何解决这个问题,如何在控制台中打印颜色,或者如何创建输出html文档的js文件。

创建一个名为randoms.js的文件,该文件输出一个列出10种随机颜色的HTML文档。生成的文档应如下所示,但十六进制颜色值应为随机。每次运行程序时,它都应生成10种不同的颜色值

<html>
  <head>
    <meta charset="UTF-8">
    <title>Ten Random Colors</title>
  </head>
  <body>
    <ul>
      <li style="color: #ae3d04">ae3d04</li>
      <li style="color: #ce8cfc">ce8cfc</li>
      <li style="color: #510f40">510f40</li>
      <li style="color: #a256c6">a256c6</li>
      <li style="color: #d85fd1">d85fd1</li>

      ... 10 list items in total

    </ul>
  </body>
</html>

每次运行程序时,都应该生成一组不同的颜色值。

通过调用console.log将输出发送到控制台。您可以通过将标准输出重定向到文件来查看生成的HTML文档,如下所示。

1 个答案:

答案 0 :(得分:3)

见到这一点,http://jsfiddle.net/uwh4ksct/

$(function(){
    $("li").each(function(i,e){
        var t=getRandomColor();
     $(e).css("color",t);
        console.log(t);

    })

});

   function getRandomColor() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}  

每次刷新页面时都会生成新的随机颜色