4

基本的に、私の仲間の1人はJSを練習していて、彼はテストの基本的なサイトのアイデアを持っていました。だから私はそれを完了するためのレースがあると言いました。この時点で、両方ともエラーが発生しました。JSでカラーを作成しました。ただし、出力する必要がある場合は機能しません。私はこれを持っています。

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

これで現在の色が作られるところ

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

現在の色を「」に入れると、currentColorの値を期待していることを意味します。実際の変数値ではありません。

それが理にかなっていることを願っています。これは可能ですか、それとも間違った木を吠えていますか?

ありがとう

編集:それはすでにそれに関連付けられているcssスタイルを持っています

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

編集:解決済み、解決策は

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

皆さん、ありがとうございました!

4

3 に答える 3

4

二重引用符が多すぎます。これを使用してください:

currentColor = "rgb(" + part1 + ", " + part2 + ", " + part3 + ")";
于 2012-06-16T22:35:54.813 に答える
1
currentColor = "rgba(" + part1 + ", " + part2 + ", " + part3 + ",0)";
于 2012-06-16T22:38:35.940 に答える
1
currentColor = "rgb(" + part1 + ", " + part2 + ", " + part3 + ")"; // RGB

または 16 進形式の使用

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

デモ。

于 2012-06-16T22:39:05.180 に答える