Author -  Sai gowtham

How to Convert Percentage to a Decimal in JavaScript

In this tutorial, we are going to learn about how to convert the percentage to a decimal value in JavaScript with the help of examples.

Consider, we have a following percentage:

a = "40%";

Now, we need to convert the above percentage to a decimal value like this: “40%” to 0.4 .

To convert the percentage to a decimal value in JavaScript, first we need to pass the percentage string to a parseFloat() function then divide the result with the 100.

The parseFloat() function takes the string as an argument and parses it to a float point number.

Here is an example:

a = "40%"
decimal = parseFloat(a)/100;

console.log(decimal);

Output:

0.4

In the example above, first we passed the percentage string to a parseFloat() function and divided the result with 100. So, it returns the decimal value.

We can also create our own reusable function to convert the percentage to a decimal like this in JavaScript.

function percentToDecimal(percent){
    return parseFloat(percent)/100 ;
}

Usage:

console.log(percentToDecimal(50%)); // 0.5

console.log(percentToDecimal(70%)); // 0.7

Css Tutorials & Demos

How rotate an image continuously in CSS

In this demo, we are going to learn about how to rotate an image continuously using the css animations.

How to create a Instagram login Page

In this demo, i will show you how to create a instagram login page using html and css.

How to create a pulse animation in CSS

In this demo, i will show you how to create a pulse animation using css.

Creating a snowfall animation using css and JavaScript

In this demo, i will show you how to create a snow fall animation using css and JavaScript.

Top Udemy Courses

JavaScript - The Complete Guide 2023 (Beginner + Advanced)
JavaScript - The Complete Guide 2023 (Beginner + Advanced)
116,648 students enrolled
52 hours of video content
$14.99 FROM UDEMY
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
631,582 students enrolled
49 hours of video content
$24.99 FROM UDEMY
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
203,937 students enrolled
31.5 hours of video content
$14.99 FROM UDEMY