RGB Slider

msg.style.backgroundColor = 'rgb(' + r +',' + g + ',' + b + ')';

の意味が分からないが、とりあえず書いてみた。

まずは、それぞれのスライダーから値を取り出す。

var r = document.querySelector(‘#red’).value;
var g = document.querySelector(‘#green’).value;
var b = document.querySelector(‘#blue’).value;

もちろん

var msg = document.querySelector(‘#msg’);

で、id=”msg”のDOMオブジェクトも変数msgに格納して、

msg.style.backgroundColor = ‘rgb(‘ + r +’,’ + g + ‘,’ + b + ‘)’;

msgオブジェクトのstyleのbackgroundColorにそれぞれのｒｇｂの値を代入している。

しかし、なぜ　’ + ‘　を付けるのかが不明のままである。

See the Pen eWoqGO by nuto (@exarow) on CodePen.