Así que estoy obteniendo la información en mi página JSP usando scriptlet. Necesito calcular el costo total de los productos.
<% List<Products> listProducts = employeeService.listProducts(); for (Products product:listProducts){ %> <tr> <th><%=product.getProduct_id() %></th> <td><%=product.getName() %></td> <td>₹ <%=product.getPrice() %></td> <td><%=product.getCategory() %></td> <td><input type="checkbox" name="addProduct"></td> </tr> <%} %> </tbody> <tr><input type="button" value="calculate" onclick="calculate()">Calculate</tr> </table> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="shippingCost">Shipping Cost</label> <input type="number" class="form-control" id="shippingCost"> </div> <div class="form-group col-md-6"> <label for="totalOrderValue">Total Order Value</label> <input type="number" class="form-control" id="totalOrderValue"> </div> </div>¿Cómo escribo una función Javascript para lo mismo que no puedo asignar identificadores a productos individuales aquí?
Agregue la clase a product.getPrice() td. e iterar a través de tds.
JS:
const sum = Array.from(document.querySelectorAll(".productPrice")) .map(priceBlock => priceBlock.innerHTML) .reduce(((acc, price) => acc + +price), 0); console.log(sum)