一个 Random(r, g ,b) 颜色生成器

Question

我刚开始学习JavaScript，所以我只知道一些事情。我搜索了这个问题，找到了适用于十六进制颜色格式的正确代码。但在那之前我自己尝试了一些东西，你能帮我把它变成一个 RGB 颜色生成器吗？每次我将此代码添加到我的页面时，它都不起作用。

      document.getElementById("myButton").onclick = function() {
        var r =Math.random();
        r = 255*r;
        r = Math.floor(r);

        var g =Math.random();
        g = 255*g;
        g = Math.floor(g);

        var b =Math.random();
        b = 255*b;
        b = Math.floor(b);

        var color= "rgb(" + r +"," + g +"," +b ")";

        document.getElementById("myDiv").style.background: color;
     }

Answer 1

将 .style.background: color 更改为 .style.backgroundColor = color 应该可以解决问题。

编辑

您的代码中还有一个语法错误。您在初始化 color 时指定 b 后忘记了 +。

Answer 2

在

的 b 之后缺少 + 时出现语法错误

var color= "rgb(" + r +"," + g +"," +b ")";

也用 = 代替 : 在

document.getElementById("myDiv").style.background = color;

对于

document.getElementById("myDiv").style.background: color;

document.getElementById("myButton").onclick = function() {
  var r = Math.random();
  r = 255 * r;
  r = Math.floor(r);

  var g = Math.random();
  g = 255 * g;
  g = Math.floor(g);

  var b = Math.random();
  b = 255 * b;
  b = Math.floor(b);

  var color = "rgb(" + r + "," + g + "," + b + ")";

  document.getElementById("myDiv").style.background = color;
}

div {
  width:50px;
  height:50px;
}

<button id="myButton">click</button>
<div id="myDiv"></div>

一个 Random(r, g ,b) 颜色生成器

A Random(r, g ,b) color generator

javascript

random

rgb

colors

generator