range sliders | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

range sliders

Im on mobile rn so it might not show me any errors. Its not working how it intended, when u move the range slider i want my <p> to change. https://code.sololearn.com/W19BX9h6CrMC/?ref=app

28th Jun 2022, 2:36 PM
Junior
Junior - avatar
9 Answers
+ 1
On a small (touch) screen it might look like it is not increasing by 1 as the slider width is too small to change it precisely: Increase the slider width and maybe decrease the max value to convince yourself that the step-size works.
28th Jun 2022, 3:33 PM
Lisa
Lisa - avatar
+ 1
function rangeSlider() { document.getElementById("sliderValue").innerHTML = document.getElementById("slider").value; } https://code.sololearn.com/W836dGQaFL4x/?ref=app
28th Jun 2022, 2:39 PM
SAN
SAN - avatar
+ 1
Put 0.5 in steps
28th Jun 2022, 3:00 PM
SAN
SAN - avatar
+ 1
Remember that <input/> is a self-closing tag: no closing </ input> needed!
28th Jun 2022, 3:16 PM
Lisa
Lisa - avatar
0
ok so now the steps arent working
28th Jun 2022, 2:59 PM
Junior
Junior - avatar
0
Its still not going by 1
28th Jun 2022, 3:06 PM
Junior
Junior - avatar
0
If you wanna going by 1, so put 1
28th Jun 2022, 3:08 PM
SAN
SAN - avatar
0
i did but when i test it doesnt do that
28th Jun 2022, 3:23 PM
Junior
Junior - avatar
0
Thank Guys! Finished my code
28th Jun 2022, 3:45 PM
Junior
Junior - avatar