Float is bad for currency

HTML

<h3>Calculate 2 million additions of £100,000.01.</h3>

<p>Integer sum £<span id="integer-sum"></span></p>
<p>Float sum £<span id="float-sum"></span></p>
<p>Difference £<span id="difference"></span></p>
<p>Maximum integer value ~£<span id="max"></span> trillion</p>

JavaScript

let integerSum = 0;
let floatSum = 0;
for (i = 0; i < 2000000; i++) {
	integerSum += 10000001;
  floatSum += 100000.01;
}

document.getElementById('integer-sum').innerHTML = (integerSum / 100).toFixed(2);
document.getElementById('float-sum').innerHTML = floatSum.toFixed(2);
document.getElementById('difference').innerHTML = ((integerSum / 100) - floatSum).toFixed(2);
document.getElementById('max').innerHTML = (Number.MAX_SAFE_INTEGER / 100 / 1e12).toFixed();