【问题标题】:random hexa color with javascript带有javascript的随机十六进制颜色
【发布时间】:2015-03-12 07:28:00
【问题描述】:

我尝试学习如何使用 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 文档,如下所示。

【问题讨论】:

  • 向我们提供一些关于您认为应该如何解决问题的指示通常是个好主意。这让我们知道从哪里开始帮助您。

标签: javascript jquery html random


【解决方案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;
}  

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

【讨论】:

  • @Pedro:别担心。 Naeem 将免费提供,即使您会尝试以程序员的身份谋生,根据需要免费为您编写代码。也可能不是。
  • 在我看来,最常见的是绿色(甚至在一个系列中出现 4 次(50 倍刷新)),这是一个有趣的巧合。
  • @Pedro.. 我不会免费提供.. 只是现在我有空.. 哈哈:
猜你喜欢
  • 2018-08-26
  • 2014-07-03
  • 2015-10-07
  • 2014-12-01
  • 2011-12-29
  • 2016-02-04
  • 1970-01-01
相关资源
最近更新 更多