sample: change background color by input type=range

by sii_side

HTML

<input type="range" id="r" value="0" min="0" max="255"><br>
<input type="range" id="g" value="0" min="0" max="255"><br>
<input type="range" id="b" value="0" min="0" max="255">

JavaScript

function changeBGColor() {
  var r = document.querySelector("#r");
  var g = document.querySelector("#g");
  var b = document.querySelector("#b");	

	document.body.style.backgroundColor = "rgb(" + r.value + "," + g.value + "," + b.value + ")";
}

document.addEventListener("input", changeBGColor, false);
changeBGColor();