JS – Impostazione del colore di sfondo Div usando una variabile

Beh, in sostanza, uno dei miei compagni stava praticando JS e aveva un’idea di un sito base di prova. Quindi ho detto che avremmo una gara per completarlo. Abbiamo entrambi eseguito un errore a questo punto. Abbiamo creato un colore in JS. Tuttavia, quando abbiamo bisogno di output non funziona. Ho questo.

document.getElementById("outputColor").style.backgroundColor=currentColor; 

Dove viene prodotto il colore corrente tramite questo

 part1 = Math.floor(Math.random() * (255 - 0 + 1)) + 0; part2 = Math.floor(Math.random() * (255 - 0 + 1)) + 0; part3 = Math.floor(Math.random() * (255 - 0 + 1)) + 0; currentColor = "\"rgb (" + part1 + ", " + part2 + ", " + part3 + ")\""; 

Mettere il colore corrente in “” significherebbe che si aspetta il valore di currentColor. Non il valore della variabile attuale.

Spero che abbia un senso. È ansible o stiamo abbaiando dall’albero sbagliato?

Grazie

Edit: ha già uno stile css associato a questo

 #outputColor { height: 100px; width: 100px; background-color: rgb(0,0,0); } 

Modifica: risolto, la soluzione è

 currentColor = "rgb(" + part1 + ", " + part2 + ", " + part3 + ")"; 

Grazie a tutti!

Ci sono troppe virgolette, usate questo:

 currentColor = "rgb (" + part1 + ", " + part2 + ", " + part3 + ")"; 
 currentColor = "rgba(" + part1 + ", " + part2 + ", " + part3 + ",0)"; 
 currentColor = "rgb(" + part1 + ", " + part2 + ", " + part3 + ")"; // RGB 

O utilizzo del formato esadecimale

 currentColorHex="#"+(part1).toString(16)+(part2).toString(16)+(part3).toString(16); 

DEMO.