changeSliderV

code:javascript

function changeSliderV(input,name) {

var slider = document.getElementById(input);

var numstring = document.getElementById(name);

numstring.innerHTML = slider.value;

return (slider.value);

}

この関数は、htmlの中に

code:html

重力の強さ：<span id="grav">3</span><input type="range" class="max_range" id="inputg" min="-10" max="10" step="0.1" value="3" onChange="psystem.gravity=changeSliderV('inputg','grav')">

のようにしてinput(range)を定義しておいて使います。

changeSliderV('inputname','number')のように関数を呼び出すと、inputgというidのinput(range)の値をnumberというidの<span></span>に入れ、その値を返します。今の例では、psystem.gravityにその値をセットしています。