Это мой код:
<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) в соответствии со значениями диапазонов (RGB) с помощью JavaScript?
Что вы хотите сделать, так это добавить часть 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 + ")";
}
