JS - 변수를 사용하여 Div 배경색 설정하기

Question

기본적으로 내 동료 중 한 명이 JS 연습 중이 었으며 테스트 기본 사이트에 대한 아이디어가있었습니다. 그래서 우리는 그것을 완성하기위한 경쟁을해야한다고 말했습니다. 이 시점에서 우리는 모두 오류가 발생했습니다. 우리는 JS에서 색상을 만들었습니다. 그러나 출력해야 할 때 작동하지 않습니다. 나는 이것을 가지고있다. 현재 색상은 "현재 색상을 퍼팅이

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 + ")\""; 

을 통해 만들어

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

"는 CurrentColor에 값을 기대하고있어 의미 할 것입니다. 실제 변수 값이 아닙니다.

희망이 있습니다. 이것이 가능한가, 아니면 우리가 잘못된 나무를 짖고 있는가?

감사

편집 : 그것은 이미 그것으로

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

편집 assosiated CSS 스타일 가지고 : 해결을, 솔루션

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

여러분 모두 감사합니다!

Answer 1

너무 많은 따옴표가있다, 이것을 사용 :

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

Answer 2

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

Answer 3

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

또는 16 진수 형식을

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

DEMO.