JavaScript toFixed method

This page discusses - JavaScript toFixed method

JavaScript toFixed method

JavaScript toFixed method

        

In JavaScript, toFixed() method returns a string representation of number according to the post decimal digits. It will fix the number of precision digits after the decimal point according to the passed digits in arguments.

Syntax :

 numberObject.toFixed(digitsAfterDecimalPosition);

Where numberObject is the number at which we will apply toFixed() method and digitsAfterDecimalPosition are the number of post decimal digits for precision. If no argument is passed to this method it assumes it to be "0".

Explanation :

To illustrate toFixed() method we have created a simple HTML page which has two input text boxes and these text boxes are taking number value and post decimal digits. Suppose we have applied toFixed() method over a digit "1234.567" and post decimal digit is "2". It will result as "1234.57" after rounding the third post decimal digit. 

Code :

In HTML page we have a button "Show Value" and it calls the function "callToFixed()" on the click event of button. 

 function callToFixed(){
  var val= new Number(document.getElementById("txt").value);
  var digitsToFixed= document.getElementById("txtfxd").value;
  alert(val.toFixed(digitsToFixed));
 }

In the first line of code we have taken the number into a variable "val" and second line of the function takes the number of digits for the post decimal precision digits into the variable "digitsToFixed". Now since we have both values we can apply toFixed() method over it.  

<html>
<head>
 <title>toFixed() method Example</title>
 <script>
 function callToFixed(){
  var val= new Number(document.getElementById("txt").value);
  var digitsToFixed= document.getElementById("txtfxd").value;
  alert(val.toFixed(digitsToFixed));
 }
 </script>
</head>
<body>
 <div style="background: #cf2255; width:'100%';" align="center">
  <font color="#ffffcc" size="12pt">
	<b>toFixed() method Example</b>
  </font>
 </div>
  <center>
   <div style="background: #ffffcc; width:'100%';"
                                           align="center">
    <table border="0" cellpadding="0" cellspacing="0"
                                            width="50%">
     <tr>
       <td width="50%">Input any decimal number</td>
       <td width="50%"><input type="text" id="txt"
                                               value=""/>
       </td>
      </tr>
      <tr>
        <td width="50%">Input number of digits </td>
        <td width="50%">
	 <input type="text" id="txtfxd" value=""/>
        </td>
      </tr>
    </table>
       <input type="button" onclick="callToFixed();"
                                   value="Show Value" />
   </div>
  </center>
</body>
</html>

Output :

Input any decimal number and digits for precision and click on the "Show Value" button. 

Suppose we have entered decimal number 1234.62373 and post decimal digit is 3 and after calling toFixed() method result will 1234.624 i.e. the third digit is the result of rounding the fourth digit.

And if we insert a decimal number which has the number of post decimal digits less than the inserted post decimal digits then it will automatically add "0" to the last of the decimal numbers as you can see from the output.

Download Source Code