JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div id="output2">

</div>
<forn id="amazing">
<input id="total" type="text"><br>

<input type="text" name="cost[]" value="£1.25">
<input type="text" name="cost[]" value="£125.12">
<input type="text" name="cost[]" value="£1,250.12">
</forn>

JavaScript

var values = [];
var fields = document.getElementsByName("cost[]");
for(var i = 0; i < fields.length; i++) {
    values.push(fields[i].value);
}

for(let i=0;i<values.length;i++){
	
        values[i] = values[i].replace('£', '');
        values[i] = values[i].replace(',', '');
         
    }

const nuevo = values.map((i) => Number(i));


var sum = 0;
for (var i = 0; i < nuevo.length; i++) {  sum += nuevo[i]}





document.getElementById('total').value = sum;