How to Make 2 Decimal Places in Javascript

In this tutorial, you will learn how to make 2 decimal places in javascript. When we perform a given computation and return a decimal value, there is a good likelihood that many digits will come after the decimal point. To make numbers easier to understand, they are rounded to a certain number of decimal places. For a newbie developer, it can be a bit tricky to make 2 decimal places in a number.

There are numerous ways to make 2 decimal places in a number. We are going to use the simplest approach which involves the usage of the `toFixed()` method. It converts the number to string and rounds it to a specified number of decimals.

In the following example, we have one global variable that holds a number. Upon click of a button, we will make 2 decimal places in the number and display the result on the screen. Please have a look over the code example and the steps given below.

• We have selected 2 elements (`button` and `h1`) using the `document.querySelector()` method and stored them in `btn` and `result` variables.
• We have created a global variable `num` that holds a decimal number as a value.
• We have added a `click` event listener to the `button` element.
• We are executing the `toFixed()` method and passing 2 as a parameter. As a result, it will round the number to 2 decimal places.
• We will display the result in the `h1` element.
```let btnGet = document.querySelector('button');
let result = document.querySelector('h1');

let num = 11245.5455782255;

btnGet.addEventListener('click', () => {
result.innerText = num.toFixed(2);
});```