Clamping value using Math library JavaScript
You may be never heard about clamping value in JavaScript. Yes correct its because there is nothing built in available in JavaScript to clamp the values. Here I have shared few options how we can define clamp function with Math library. Option 1: Readable
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
Math.clamp = function(value, min, max){ if(value < min){ return min; }else if(value > max){ return max; }else{ return value; } } console.log(Math.clamp(7, 5, 10)); // result 7 console.log(Math.clamp(2, 5, 10)); // result 5 console.log(Math.clamp(12, 5, 10)); // result 10 |
Option 2: Compact with readable
|
1 2 3 4 5 6 7 |
Math.clamp = function(val, min, max){ return Math.min(Math.max(min, val), max); } console.log(Math.clamp(7, 5, 10)); // result 7 console.log(Math.clamp(2, 5, 10)); // result 5 console.log(Math.clamp(12, 5, 10)); // result 10 |
Option 3 : More […]
Keep users in loop
In my past days when I was a developer or in other words I can say when I started my career as a Multimedia Programmer in that time I always noticed one thing very common in every project. The thing is getting all requirements from client and going for the coding and testing under secret […]
Creating a Toggle Button using HTML5 CSS3 and JavaScript
Let’s look how to create Toggle Button. We will cover prettying up using CSS and CSS3. Before we get started, we need to create a HTML page. So lets create a HTML page. Setting up HTML page In my case I always use Visual Studio Code editor to create my any web applications. So create […]