隨機彩色圓圈

Question

我正在做一個小項目，該項目從所有可能的顏色中為該圓分配隨機顏色。

我試圖通過為每個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)"

Answer 1

您需要將生成的值連接到樣式語句中：

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

隨機彩色圓圈

問題描述

1 個解決方案

解決方案1
2 已采納 2016-07-26 01:49:45

隨機彩色圓圈

問題描述

1 個解決方案

解決方案1 2 已采納 2016-07-26 01:49:45

解決方案1
2 已采納 2016-07-26 01:49:45