Zufälliger Farbkreis

Ich arbeite an einem kleinen Projekt, das diesem Kreis aus allen möglichen Farben eine zufällige Farbe zuweist.Zufälliger Farbkreis

Ich versuche dies zu erreichen, indem Sie jedem RGB-Wert eine Zufallszahl zuweisen. Es scheint jedoch nicht so zu funktionieren. Ich habe auch versucht, die Methode ATTRIBUTE() so zu setzen, aber auch kein Glück. Bitte haben Sie einen Blick:

<!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)"

Quelle

2016-07-26 Zzgooloo

'circle.style.backgroundColor = "rgb (" + Wert1 +“, "+ Wert2 +" , "+ value3 +") "' – rgthree

Mögliches Duplikat von [Warum funktioniert backgroundColor = rgb (a, b, c) nicht?] (http://stackoverflow.com/questions/14323082/why-doesnt-backgroundcolor-rgba -bc-work) – FrankerZ

Sie müssen die generierten Werte in die Style-Statement verketten:

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

Quelle

2016-07-26 01:49:45 Polyov

Umm .. kein Semikolon da. Ich denke du meinst außerhalb der Zitate ..? – rgthree

Danke. Liegt das daran, dass es bei meiner Version nicht die Wertnummern, sondern die Zeichenkette "Wert1" liefert? – Zzgooloo

@rgthree Ja, Sie haben Recht, es funktioniert nicht mit ihnen vor dem Zitat. danke – Zzgooloo

Antwort

Verwandte Themen