Javascript - replace whole numbers by decimals

Question

I have html table with numbers in cells (class "numbers"). Some numbers are whole numbers, others with one decimal number or two decimal numbers.

I would like to make script, that converts all numbers to two decimal format and then put into the code.

e.g.
1 = 1.00
1.0 = 1.00
1.00 = 1.00

Here is my first attemp, that convert one decimal number to two decimal:

var elements = document.getElementsByClassName("numbers");
for (var i = 0, l = elements.length; i < l; i++) {
elements[i].innerHTML = elements[i].innerHTML.replace(/\d{1,2}(\.\d{1})/g, "$&0");
}

With existing code i get this result: 6.3 = 6.30 OK 1.55 = 1.505 WRONG — earthandroid, Oct 21 '13 at 15:48

score 8 · Answer 1 · answered Oct 21 '13 at 15:36

8

Why don't you just parseFloat?

parseFloat(Math.round([elementnumberhere] * 100) / 100).toFixed(2);

answered Oct 21 '13 at 15:36

Sterling Archer

22,070
18
81
118

score 1 · Accepted Answer · answered Oct 21 '13 at 15:40

1

Why not just (+elements[i].innerHTML).toFixed(2) ?

Working demo

answered Oct 21 '13 at 15:40

letiagoalves

11,224
4
40
66

I tried and got this value "NaN". Maybe because the numbers have weird format - beginnings with space: " 1.23" – earthandroid Oct 21 '13 at 15:55
i guess that is not a problem but you can do a trim first – letiagoalves Oct 21 '13 at 16:02
@letiagoalves why would `trim` make a difference? – Benjamin Gruenbaum Dec 06 '13 at 16:42
@BenjaminGruenbaum don't know. it was a guess – letiagoalves Dec 06 '13 at 18:27
Fair enough :) For the record, trimming should not make a difference. – Benjamin Gruenbaum Dec 06 '13 at 18:49

Javascript - replace whole numbers by decimals

2 Answers2