javascript 的随机十六进制颜色

Question

我正在尝试学习如何使用 node.js 和 javascript 进行编程，我的 class 的一项作业是创建一个 javascript 文件来生成随机数。

这些是作业说明。有人可以向我解释如何开始这个问题，如何在控制台中打印颜色，或者如何创建一个输出 html 文档的 js 文件。

创建一个名为 randoms.js 的文件，输出一个 HTML 文档，其中列出了 10 种随机颜色。生成的文档应如下所示，但十六进制颜色值应该是随机的。每次你运行程序，它应该生成 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 文档，如下所示。

Answer 1

看到这个，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;
}

这将在您每次刷新页面时生成新的随机颜色

javascript 的随机十六进制颜色

random hexa color with javascript

html

javascript

random

jquery