javascript - Run JS script when input range reaches certain value -


i have input range slider on page displays several values. want change css values of elements on same page when value changes. aware of onchange function wondering if there way run function changeatt when reaches specific value, e.g. 2.

html:

<div id="change"></div> <input class="slider "type="range" min="0" max="3" value="0" step="1" onchange="showvalue(this.value)" /> <span id="range">0</span> 

css:

#change {     color:black; } 

js:

function showvalue(newvalue) {     document.getelementbyid("range").innerhtml=newvalue; } function changeatt() {     document.getelementbyid("change").style.color = "white"; } 

i think have check value in onchange event , give further call

function showvalue(newvalue) {      if(newvalue === '2') changeatt()      document.getelementbyid("range").innerhtml=newvalue; } function changeatt() {     document.getelementbyid("change").style.color = "white"; } 

Comments

Popular posts from this blog

sql server - Cannot query correctly (MSSQL - PHP - JSON) -

php - trouble displaying mysqli database results in correct order -

C++ Linked List -