設置背景顏色範圍的輸入

Question

的價值這是我的代碼：根據使用JavaScript範圍（RGB）的值

<input id="red" name="red" type="range" min="0" max="255" step="1" value="128></input> 
<label for="red">red</label> 
<br> 
<input id="green" name="green" type="range" min="0" max="255" step="1" value="128"></input> 
<label for="green">green</label> 
<br> 
<input id="blue" name="blue" type="range" min="0" max="255" step="1" value="128"></input> 
<label for="blue">blue</label> 

如何設置背景顏色（HTML身體的）？

Answer 1

你想要做的是在你的輸入中添加一個onchange部分來處理用戶何時改變輸入滑塊的值。這是它會是什麼樣子：

<input id="red" name="red" type="range" min="0" max="255" step="1" value="128" onchange="changeColor()"></input> 
<label for="red">red</label> 
<br> 
<input id="green" name="green" type="range" min="0" max="255" step="1" value="128" onchange="changeColor()"></input> 
<label for="green">green</label> 
<br> 
<input id="blue" name="blue" type="range" min="0" max="255" step="1" value="128" onchange="changeColor()"></input> 
<label for="blue">blue</label> 

現在你想將真正改變背景色的功能：

function changeColor(){ 
    var red = document.getElementById("red").value; 
    var green = document.getElementById("green").value; 
    var blue = document.getElementById("blue").value; 
    document.body.style.background = "rgb(" + red + "," + green + "," + blue + ")"; 
}