Find whole number and append .00 decimal

Question

I need to append .00 if number is not decimal, however when I try the code below it is changing the whole number to 0.00. For example, if number is 12,200, it will change it to 0.00 instead of adding .00 at the end

$('.total-amount').each(function() {
  var x = Number($(this).val()).toFixed(2);
  $(this).val(x).text(x);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="total-in-basket">
  <div class="total-description">
    total is:
  </div>
  <div class="total-amount">
    $ 12,200
  </div>
</div>

`.total-amount` does not have a `val()`. it's not an input. It does have an `html()` or `text()` though — Taplar, May 01 '19 at 18:05
`
` elements don't have a "value" property, so `.val()` won't return anything. — Pointy, May 01 '19 at 18:05
I tried changing ".val()" for "html()" but I get error "Nan" — Josh, May 01 '19 at 18:07
The NaN is because you're trying to do math on a string that can't be converted to a number (because it includes commas and a `$`). — Daniel Beck, May 01 '19 at 18:08
instead of looking for a number I should be looking for a text? and then change it to number? — Josh, May 01 '19 at 18:08
`parseFloat("12,200").toFixed(2)` might work depending on your locale (doesnt work for me in NL, comma is our cents seperator) — Martijn, May 01 '19 at 18:08
Partial duplicate: https://stackoverflow.com/questions/15762768/javascript-math-round-to-two-decimal-places — Daniel Beck, May 01 '19 at 18:09

score 4 · Accepted Answer · answered May 01 '19 at 18:14

Some issues:

a div has no value attribute so .val() will not work. Use .text()
Applying Number to something that has a dollar sign or a comma will return NaN

You can use replace to remove the non-digit characters (but allowing a decimal point), and then feed that to a formatter, provided by Intl.NumberFormat:

var formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
});


$('.total-amount').each(function() {
  var x = $(this).text().replace(/[^\d.]/g, "");
  $(this).text(formatter.format(x));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="total-in-basket">
    <div class="total-description">
             total is:
    </div>
    <div class="total-amount">
           $ 12,200
    </div>
</div>

Find whole number and append .00 decimal

1 Answers1