como un novato en JavaScript. Estoy tratando de obtener el precio total de cada producto.

 <div class="product"> <span class="name">product 1</span> <span class="price">25.00</span> </div> <div class="product"> <span class="name">product 2</span> <span class="price">45.00</span> </div> <div id="cart-total"></div>

Y este es mi código... ¿qué estoy haciendo mal?

 const products = document.querySelectorAll(".product"); const productName = document.querySelectorAll(".name"); const productPrice = document.querySelectorAll(".price"); const cartTotal = document.querySelector("#cart-total"); let total = 0; for (i = 0; i < products.length; i++) { const productPriceValue = parseInt(productPrice[i].innerText); total += productPriceValue; } console.log(total) // prints 70 where i need it to print 70.00