web

RGB Slider

更新日:

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

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

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にそれぞれのrgbの値を代入している。

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

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

-web

Copyright© exarow , 2018 All Rights Reserved Powered by AFFINGER5.