# How to Round Decimal Value in Javascript

In this tutorial, you will learn how to round decimal value in javascript. Despite the fact that decimal values reveal a number’s precise value, there are situations when we are only need a whole number, not a decimal number..  From a developer perspective, it can be a bit tricky to round decimal value.

There are numerous ways to round decimal value. We are going to use the simplest approach which involves the usage of the `Math` object. This object contains `round()` method which returns a nearest integer after rounding the number.

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

HTML & CSS

• We have 3 elements in the HTML file (`div``button`, and `h1`). The `div` element is just a wrapper for the rest of the elements.
• The `innerText` for the `button` element is `“Round”`.
• We have done some basic styling using CSS and added the link to our `style.css` stylesheet inside the `head` element.
• We have also included our javascript file `script.js` with a `script` tag at the bottom.
```<!DOCTYPE html>
<html lang="en">

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>

<body>

<div class="container">
<button>Round</button>
<h1>Result</h1>
</div>

<script src="script.js"></script>
</body>

</html>```
```.container {
text-align: center;
}

button {
margin-top: 10px;
}
```

Javascript

• We have selected the `button` element and `h1` element using the `document.querySelector()` method and stored them in `btnRound` and `output` variables respectively.
• We have attached a `click` event listener to the `button` element.
• We have a global variable `myNum` which holds a decimal number as its value.
• We are displaying the original number in the `h1` element using the `innerText` property.
• In the event handler function, we are calling `round()` method of Math object and passing `myNum` as a parameter. As a result, it will round the number to the nearest integer and returns that.
• The returned value is stored in the `result` variable.
• We are displaying the `result` in the `h1` element using the `innerText` property.
```let btnRound = document.querySelector("button");
let output = document.querySelector("h1");

let myNum= 5312.15;

output.innerText = myNum;