O cálculo realizado pela função modifica campos indevidos.

Tentei reproduzir o exercicio da tabela com produtos e o cálculo quando feito pela função troca os valores onde não deve!

/*Calcular total dos produtos*/
function calculateProductCost(quantity, price) {
    var total = (quantity * price);
    costProduct.textContent = total;
    return total.toFixed(2);
}

no form

var costProduct = document.createElement("td");
costProduct.classList.add("table-light","cost-of-products");
costProduct.textContent = calculateProductCost(quantity, price);

Quando os valores são inseridos na tabela ele mostra o cálculo do novo produto, porém na linha de cima o valor é replicado e sobrescreve os valores que já estavam no momento que criei a tabela. Por quê?