Comments on: Price Range Slider in HTML CSS & JavaScript

By: Andrew

Andrew — Thu, 22 Dec 2022 08:08:11 +0000

Thank you! nice code!

By: CodingNepal

CodingNepal — Tue, 11 Oct 2022 10:51:16 +0000

In reply to sonu singh. You've to upload your project folder to the hosting. Login to hosting > go to file manager > go inside public_html and upload your project folder here. The name of your folder will be the url.

By: sonu singh

sonu singh — Sat, 08 Oct 2022 16:19:16 +0000

hello can you please guide how i can also uplode my demo project in wordpress like you have don

By: Tim

Tim — Thu, 31 Mar 2022 00:52:58 +0000

Thanks for the great article! How can I modify this to change the slider orientation? Long time WPF developer and migrating over to the web. Appreciate all the help I can get.

By: CodingNepal

CodingNepal — Sun, 02 Jan 2022 11:16:43 +0000

In reply to Wong Wan Yuan. In this project, we're getting a value of the value attribute of range input which is a string value. We can't do a mathematic calculation with string So, I used parseInt and this method parses a string to the integer. You need to learn array, and its method forEach to understand this project code deeply.

By: Wong Wan Yuan

Wong Wan Yuan — Wed, 22 Dec 2021 04:45:23 +0000

Hi, what is the function of parseInt[0] & parseInt[1] in your code?
Can you explain the javascript more details ? I don’t understand how it is work. Why we need to use parseInt[0]?
range.style.left = ((minVal / rangeInput[0].max) * 100) + “%”; How to get this formula?
Thank you