随机彩色圆圈

时间:2016-07-26 01:47:15

标签: javascript random background-color

我正在开发一个小项目,它从所有可能的颜色中为这个圆圈指定一个随机颜色。

我试图通过为每个RGB值分配一个随机数来实现这一目标。然而,它似乎并没有这样工作。我也试过setAttribute()方式来分配它,但也没有运气。请看一下:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Beginning JavaScript</title>
        <style>




        #circle{
            margin:auto;
            border:1px solid black;
            border-radius: 50%;
            background-color:rgb(0,0,0);
            height:200px;
            width:200px;
        }


        </style>
    </head>
    <body>
<div id="circle"></div>
<script>

var circle = document.getElementById('circle');
var value1 = Math.floor(Math.random() * 256);
var value2 = Math.floor(Math.random() * 256);
var value3 = Math.floor(Math.random() * 256);
circle.style.backgroundColor = "rgb(value1,value2,value3)"

1 个答案:

答案 0 :(得分:2)

您需要将生成的值连接到样式语句中:

circle.style.backgroundColor = "rgb(" + value1 + "," + value2 + "," + value3 + ")";