Menu
Display a Value in Currency Format

To display a currency value with the proper number of digits to the right of the decimal point, first use the Math.pow function to calculate a multiplier, then use that multiplier to round the number to the required number of digits.

Convert that value to a string so you can determine the location of the decimal point, or if you need to add a decimal point, and if you need to add zeros to the decimal portion. Code to convert a value to currency format is shown below.

<script>
function formatTo(value, precision)
{
   // calculate multiplier required to get required number
   // of digits to the right of the decimal point
   var multiplier = Math.pow(10, precision);

   // round value to required number of digits
   var amount = Math.round(value * multiplier) / multiplier;

   // convert to string
   var strAmt = amount.toString();

   // determine if you need to add zeros to decimal part
   var decimalIndex = strAmt.indexOf(".");
   if(precision > 0 && decimalIndex < 0)
   {
      decimalIndex = strAmt.length;
      strAmt += '.';
   }

   // add any required zeros to decimal part
   while(decimalIndex + precision + 1 > strAmt.length)
   {
      strAmt += '0';
   }
   return strAmt;
}

document.write(formatTo(4.003, 2));
</script>

Call the formatTo function, passing the value to format and the precision (number of digits to the right of the decimal point.


Learn more at amazon.com

More Java Script Code:
• JavaScript Cookbook
• Regular Expressions Lookarounds
• Introduction to JavaScript Programming
• Easy Java Script Windows
• Regular Expressions Subexpressions
• Display a Value in Currency Format
• Introduction to HTML5 Canvas
• Replace Drop-down with Drag-and-drop
• Play Music on Your HTML5 Web Page
• Sams Teach Yourself HTML5 in 10 Minutes