JavaScript + CSS Range Slider | Costum Value Range Slider Webdesign Tutorial

Thanks!!

1000000/100

Thanks for tutorial, you saved my life. Good job

thanks mate!

I love how in depth this was, coming from a junior software engineer.

Hi i am a beginner in JavaScript. Please i dont understand how you used output= document.getElementById('value'); and it goes on.
I expected output = document.getElementById('slider').value;

Sorry if my english isn't correct i'am a francophone. Thanks

dude u have so many links for ads but u dont share the code

cool

I'm trying to make a simple range slider where when you drag it, it shows how much said thing is, then it adds each sliders total at the bottom of the screen. How can I achieve this?

Чувак, как у нас говорят: "ничего не понятно, но очень интересно" )))
Я и вправду мало понял, что ты говоришь, но понял, что ты кодил - спасибо тебе, бро!!!

Для чего ты при написании border-radius произносишь "border minus radius"? )))

been wondering why my input range doesn't cooperate with my text, and this video solved it

Thanks !
It's very simple and helpful

It was very useful. Thank you!!!

i need to have a tool tip on my slider as well, so i figure i can probably position the tool tip the same way you positioned the background in the slider

When I try to let the slider go to 1000 instead of 100, then the color goes before the dot. Do you know how to fix this?

Thank you for your Nice video, its really helped me alot <3

If I had 100 likes, I would give you all! Thank you bro!

sorry, but I can not change max of input more than 100, because the colored range outstrips

I wish I could like this video 1000x thanks <3

Thanks buddy

Thanks, man! Helped me a lot! Thumbed up!

it`s perfect, thank you very much

It was very helpful. Thanks

can i use getelementsbyname or byclassname to display a value in 2 place ? i search on yt and everyone just displays a value slider in 1 place, I want to display the value one on slider and other in other place, tks?

heyy @BananaCoding how can I use this slider to pass the input value to the backend??

i wish you would’ve explained WHY you did half the things you did

An elegant solution!

what programm do you use in the video?

Thanks man! :)

I'm so grateful man :)

Very Helpful. Thank you!

👍👍

Nice Video, Only 1 Question. Can You Change The Dot To A Picture? If You Can, How?

Edit: And Can You Upload The Files You Made To Mega Or Mediafire Or Something?

Does anyone know what color scheme he is using in the ide ? It looks awesome.

what if you have decimal values range like min is 2.5 and max is 5% so how will you calculate width ?

and use the "change" event listener because mousemove doesn't work with phone device

and if you have a value max > 100 replace 'var x' by: var x = ((slider.value - slider.min) / (slider.max - slider.min) * 100 ); because it's easier when you have a range form 0 to 100 because the slider value is already in pourcent but when you have a range with differents values it's doesn't work

Thanks Man!!!!! You save my life......

Hey thanks for this video.
But I have a question if I want to show this green color on the page load right now you are showing on mouse move event . So how can i show that range selection color on page load.
Please help me

Great work!! Works great on desktop, but the green fill doesn't seem to work on mobile. How to fix it?

How to display the value beside the slider? On the right side

I'm doing an online bootcamp and this video helped me a lot to solve an exercise. Thanks.

great video! i have a problem though with keeping the value as i reload the page, its for a school project and i cant seem to find any solution to it:(

Soo helpful

Sliders are great to adjust Walew

This was soo helpful, you saved my life :) thanks a lot