JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<p>
<span id="here1">0</span>
</p>

<p>
<span id="here2">0</span>
</p>

<p>
<span id="here3">0</span>
</p>

<form id="calculator"  method="post" name="calculator" onclick="return calc()">

<button type="button" class="buttonCalc bleft" value="Calculate">Calculate</button>

</form>

JavaScript

function calc() {

var var1 = 123456;
var var2 = 123456;
var var3 = 123456;



function formatvar(xVar) {
newVar = xVar.toFixed(0).replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,");
return newVar;
}
var1 = formatvar(var1);
var2 = formatvar(var2);
var3 = formatvar(var3);


document.getElementById("here1").innerText = "£" +  var1;
document.getElementById("here2").innerText = "£" +  var2;
document.getElementById("here3").innerText = "£" +  var3;

}