I am trying to calculate sum of multiple fields in a table. I'm using a for loop to do this but it only returns the numbers in concatenating form. I have used parseFloat but it doesn't work. Result shows up like this 174.3294.92164.4162.5.

enter code here


   function grossAmount(){
    var grossPay = document.getElementsByClassName('grossPay');
    var cppDeduct = document.getElementsByClassName('cppDeduct');
    var eiDeduct = document.getElementsByClassName('eiDeduct');
    var fedTax = document.getElementsByClassName('fedTax');
    var grossResult = document.getElementById('grossAmountCRA');
    var cppGross = document.getElementById('cppCRA');
    
    for (let i = 0; i<grossPay.length; i++){
        grossResult.innerHTML += parseFloat(grossPay[i].innerHTML);
    }
    
    for (let i = 0; i < cppDeduct.length; i++){
        cppGross.innerHTML += parseFloat(cppDeduct[i].innerHTML);
        
        
    }
    
    
}