How to Truncate Number to 2 Decimal Places in Javascript
In this tutorial, you will learn how to truncate number to 2 decimal places in javascript. It is pretty much common to truncate a number to 2 decimal places for the sake of readability. For a newbie developer, it can be a bit tricky to truncate a number to 2 decimal places.
There are numerous ways to truncate a number to 2 decimal places. 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 truncate the number to 2 decimal places 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
andh1
) using thedocument.querySelector()
method and stored them inbtn
andresult
variables. - We have created a global variable
num
and assigned548.9253
as a value. - We have added a
click
event listener to thebutton
element. - We are executing the
toFixed()
method and passing 2 as a parameter. The output will be548.93
which will be displayed on the screen insideh1
element.
let btnGet = document.querySelector('button'); let result = document.querySelector('h1'); let num = 548.9253; btnGet.addEventListener('click', () => { result.innerText = num.toFixed(2); });
HTML & CSS
div
,button
, andh1
). Thediv
element is just a wrapper for the rest of the elements.innerText
for thebutton
element is“Get”
.style.css
stylesheet inside thehead
element.script.js
with ascript
tag at the bottom.Javascript