javascript - 如何在 JavaScript 中计算在线菜单上的订单成本

Question

我正在为一个外卖网站构建一个简单的在线菜单 - 它位于一个 html 表格中。我有一个基本功能，可以获取存储在一个 TD 中的商品值(value)，然后存储在另一个 TD 中的订购数量，并相应地计算订单成本。唯一的问题是我已将第一个产品的 ID 和第一个产品数量硬编码到我的函数中，以使其适用于该项目，但有一个大约 20 个项目的列表。除了重复我的函数 20 次之外，我无法弄清楚如何为该函数提供菜单上每个项目的正确 2 个 id。菜单在这里http://www.port80services.com/curry/menu.html

我确信它应该相对简单，但 javascript 不是我的菜!

功能:

function toPay(){

   var form = document.forms['form'];

   var itemcost = document.getElementById('meat_samosa_price').innerHTML;

   var qty = form.meat_samosa_qty.value;

      var res = Math.abs(itemcost  * qty);

    document.getElementById('order-total').innerHTML = "order total = €"+ res;

}

Answer 1

var itemcost = document.getElementById('meat_samosa_price').innerHTML; 是一个字符串，在将其转换为数字之前，您无法执行此数据的数学运算:

var itemcost = parseFloat(document.getElementById('meat_samosa_price').innerHTML);