Javascript 我无法更新动态表中的总计（它显示新添加的输入未定义）

当我将一个新项目添加到我的购物清单时，如果我更改了新项目表中的数值。在使用一些控制台后，它会给出NaN（不是一个数字）。通过我的代码，我发现如果我登录eentjeMeer函数（这是我单击数字值时调用的函数）

该产品[i].waarde除了新添加的项目外，它们都已定义，但未定义

但是输入[i]。值它们也都已定义，加上新添加的项。因此无法进行计算。然后它将导致总计列变为NaN，如您所见

为什么它没有定义？为什么它看不见呢？为什么它会变得更糟

对于澄清aantal=Quantity和prijs=Value，我想让它计算总数。当我添加新项目时，它会正确执行此操作。但当我想更改表中新项的值时，就不需要了

（它适用于数组中的原始项）

此处的代码片段：

const myTable=document.getElementById（'table'））
让产品=[
{omschrijving:“孵蛋”，瓦德：1，安塔尔：3，总数：0}，
{omschrijving:“布罗科利”，瓦德：0.99，安塔尔：2，总数：0}，
{omschrijving：“Krentebollen”，瓦德：1.20，安塔尔：4，总数：0}，
{omschrijving:“Noten”，瓦尔德：2.99，澳大利亚：2，总计：0}
]
///在选项卡中更新总计
TabelTotals（）；
函数选项卡总计（）{
for（设i=0；i{
返回productCal.total+currentTotal
}, 0);
document.getElementById（'totaal'）.innerHTML=“totaal bedrag”+total.toFixed（2）；
}
////表///Headers
const headerTexts=['Name'，'Prijs'，'Aantal'，'Totaal']；
const t=document.createElement（'table'）；
t、 appendChild（document.createElement（'thead'））；
t、 querySelector（'thead'）.appendChild（document.createElement（'tr'））；
对于（变量i=0；i{
返回productCal.total+currentTotal
}, 0);
document.getElementById（'totaal'）.innerHTML=“totaal bedrag”+total.toFixed（2）；
}    
函数updateTable（）{
const newInput=getNewInput（）；
产品。推送（新输入）；
对于（var i=0；ireturn [{ omschrijving: naamValue , waarde: waardeValue , aantal: qtyValue , total: waardeValue * qtyValue }]

return { omschrijving: naamValue , waarde: waardeValue , aantal: qtyValue , total: waardeValue * qtyValue }