Javascript 随机色圈

Javascript 随机色圈,javascript,random,background-color,Javascript,Random,Background Color,我正在做一个小项目,从所有可能的颜色中给这个圆分配一个随机颜色 我试图通过给每个RGB值分配一个随机数来实现这一点。然而,它似乎不是这样工作的。我也试着用setAttribute()方法来分配它,但也没有运气。请看一看: <!DOCTYPE html> <html lang="en"> <head> <title>Beginning JavaScript</title> <style>

我正在做一个小项目,从所有可能的颜色中给这个圆分配一个随机颜色

我试图通过给每个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)"

开始JavaScript
#圈{
保证金:自动;
边框:1px纯黑;
边界半径:50%;
背景色:rgb(0,0,0);
高度:200px;
宽度:200px;
}
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(值1、值2、值3)”

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

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

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

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

circle.style.backgroundColor=“rgb(“+value1+”、“+value2+”、“+value3+”)
circle.style.backgroundColor=“rgb(“+value1+”、“+value2+”、“+value3+”)的可能副本。。没有分号。我想你的意思是在引用之外…?谢谢。这是因为在我的版本中,它不返回值编号,而是返回字符串“value1”@rgthree是的,您是对的,它在引号之前不适用于它们。谢谢。。没有分号。我想你的意思是在引用之外…?谢谢。这是因为在我的版本中,它不返回值编号,而是返回字符串“value1”@rgthree是的,您是对的,它在引号之前不适用于它们。谢谢