# How to Get Rid of Decimals in Javascript

In this tutorial, you will learn how to get rid of decimals in javascript. Even though the decimal representation of a number gives a precise value, there are occasions when we just care about the complete number and not its fractional part. From a developer perspective, it can be a bit tricky to get rid of decimals.

There are numerous ways to get rid of decimals. We are going to use the simplest approach which involves the usage of the `Math` object. This object contains `trunc()` method which removes the decimal part and returns the integer part of a number.

In the following example, we have one global variable that holds a decimal number. Upon click of a button, we will get rid of the decimals 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 `“Remove”`.
• 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>Remove</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 `btnRemove` 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 `trunc()` method of Math object and passing `myNum` as a parameter. As a result, it will remove the decimal values and will return the integer part.
• The returned value is stored in the `result` variable.
• We are displaying the `result` in the `h1` element using the `innerText` property.
```let btnRemove = document.querySelector("button");
let output = document.querySelector("h1");

let myNum= 545.032097;

output.innerText = myNum;