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?

BananaCoding is great ! I have taken of the idea and advice from this video and now just created tut on a new YouTube channel i created to help my progress. I have actually drop a REACT JS and Tailwind CSS version of this range slider. I love some support / feedback so please hit subscribe and check it out peace.

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

Для чего ты при написании 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

I am getting error of " sliderVal.addEventListener is not a function
at app.js:3 "

I just want to change the bg color of the slider.

The code :

var sliderVal = document.querySelectorAll("#myRange");

var output = sliderVal.value;

sliderVal.addEventListener('change', function() {

var x = sliderVal.value;

var color = 'linear-gradient(90deg, #515E63' + x + '%, #f6f6f6' + x + '%)';

sliderVal.style.background = color;

});

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