Mi consulta es la siguiente, tengo una variable:
var tdElem = document.getElementById(product-${j + 1}-subtotal).innerText;
Que obtiene los valores almacenados en un td, dichos valores se obtienen desde un bucle. Tengo que imprimir en pantalla lo que seria un subtotal
sub.innerHTML += <td class="subtotal" id="subtotal"> $ ${(tdElem)} </td>
Entonces tengo que sumar esos dos valores, (los valores que me retorna son: 200 y 500000, o se que tendría que imprimir en pantalla 500200) ya extraje solo los números con lo siguiente:
tdElem = tdElem.replace(/\D/g,'');
El tema es que están contenidos en una misma variable y no se como sumarlos. No se si me explico, les dejo el código JavaScript.
for (let j = 0; j < carrito.articles.length; j++) {
let cart = carrito.articles[j];
let disminuirBtn = document.getElementById(`disminuir-${j + 1}`);
let aumentarBtn = document.getElementById(`aumentar-${j + 1}`);
let cantidad = document.getElementById(`cantidad-${j + 1}`);
let subtotal = document.getElementById(`product-${j + 1}-subtotal`);
let del = document.getElementById(`product-${j + 1}`)
let trash = document.getElementById(`delete-${j + 1}`);
trash.addEventListener("click", () => {
del.innerHTML = "";
})
// Se llama a la funcion para que cargue los costos que ya vienen en el json.
actualizarSubtotal(subtotal, cart.unitCost, cantidad.value, cart.currency);
sub = document.getElementById("subtotal");
var tdElem = document.getElementById(`product-${j + 1}-subtotal`).innerText;
console.log(tdElem);
tdElem = tdElem.replace(/\D/g,'');
sub.innerHTML += `<td class="subtotal" id="subtotal"> $ ${(tdElem)} </td>`
// Se le pasan los paramentros que consisten en cantidad (input), costo por unidad, elemento subtotal y la moneda.
disminuirBtn.addEventListener('click', () => disminuir(cantidad, cart.unitCost, subtotal, cart.currency));
aumentarBtn.addEventListener('click', () => aumentar(cantidad, cart.unitCost, subtotal, cart.currency));
}
})