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

我正在为一个takaway网站构建一个简单的在线菜单——它位于一个html表格中。我有一个基本函数，它提取存储在一个TD中的项目值，然后是存储在另一个TD中的订购数量，并相应地计算订购成本。唯一的问题是，我已经将第一个产品的id和第一个产品数量硬编码到我的函数中，以使其能够为该项目工作，但有一个大约20个项目的列表。除了重复我的功能20次之外，我不知道如何为菜单上的每个项目提供正确的2个ID。菜单在这里

我确信它应该相对简单，但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;

}

---

var itemcost=document.getElementById（'meat\u samosa\u price'）.innerHTML是一个字符串，在将其转换为数字之前，无法对此数据执行数学运算：

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

如果只使用基本javascript，一种方法是为每个price和qty元素指定相同的名称。然后，您可以通过执行getElementsByName（）来访问所有这些元素，然后在for循环中使用数组