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

标签 javascript random colors generator rgb

我刚刚开始学习 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;
     }

最佳答案

b 后缺少 + 时出现语法错误
var color= "rgb(" + r +"," + g +"," +b ")";

也用 = 代替 : at

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>

关于javascript - 一个 Random(r, g ,b) 颜色生成器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35110654/

相关文章:

javascript - 如何使用<p :ajax> to pass javascript generated data to backing bean?

javascript - 如何获取li ul内的span动态值

c++ - 从数字和字母快速生成大量随机字符串

eclipse - 如何在Eclipse的代码辅助弹出窗口中更改当前选定行的颜色?

python - 使用 xlsxwriter 的完整 Excel 颜色列表

c++ - Visual Studio 2012 可变字体颜色从用户选择的颜色恢复为黑色

javascript - 关闭在实时元素上失败

javascript - 如何使用react发送表单数据

javascript - 这种随机分布的指数失真的线性等效值是多少?

Javascript动态变量(添加随机数)