加总；预算应用程序，香草JavaScript

感谢您成为JavaScript隧道尽头的一盏灯！！：）

这是一个简单的预算应用程序，告诉你在退房前预计在市场上花费多少。问题是我很难把总数加起来得到“今天的今天”。我试过很多东西，但似乎都不管用。我试了很头疼

谢谢你的回答，你这个摇滚

（请添加一项以了解我所说的内容）

//排列要从市场购买的物品
变量数组=[{
项目：“西红柿”，
id:0，
数量:2，
价格：.58，
总数：0
},
{
物品：“橙色”，
id:1，
数量:5，
价格：.20，
总数：0
},
{
项目：“鳄梨”，
id:2，
数量:12，
价格：.69，
总数：0
},
{
物品：“比萨饼”，
id:3，
数量:1，
价格：10.00，
总数：0
}
];
设btns=document.getElementsByClassName（'displayBtn'）；
let table=document.getElementById（“表”）；
设total=0；
//在表中显示信息
对于（i=0；i

Javascript

var array = [{
            item: "Tomato",
            id: 0,
            qty: 2,
            price: .58,
            total: 0
        },
        {
            item: "Orange",
            id: 1,
            qty: 5,
            price: .20,
            total: 0
        },
        {
            item: "Avocado",
            id: 2,
            qty: 12,
            price: .69,
            total: 0
        },
        {
            item: "Pizza",
            id: 3,
            qty: 1,
            price: 10.00,
            total: 0
        }
    ];

var todaysTotal = 0

for (const item of array) {
  todaysTotal += (item.qty * item.price);
}

console.log(todaysTotal)

输出

20.439999999999998

希望这有帮助

Javascript

var array = [{
            item: "Tomato",
            id: 0,
            qty: 2,
            price: .58,
            total: 0
        },
        {
            item: "Orange",
            id: 1,
            qty: 5,
            price: .20,
            total: 0
        },
        {
            item: "Avocado",
            id: 2,
            qty: 12,
            price: .69,
            total: 0
        },
        {
            item: "Pizza",
            id: 3,
            qty: 1,
            price: 10.00,
            total: 0
        }
    ];

var todaysTotal = 0

for (const item of array) {
  todaysTotal += (item.qty * item.price);
}

console.log(todaysTotal)

输出

20.439999999999998

---

希望这有帮助

问题是你一个字符串加一个字符串，在添加值之前，你需要对数量使用

parseInt

，对价格使用

parseFloat

JSFilddle

市场预算应用程序
* {
框大小：边框框；
}
身体{
左边距：50像素；
}
.btn{
浮动：左；
}
.btn.减号{
边界半径：25px 0 0 25px；
}
.btn.Plus{
边界半径：0 25px 25px 0；
}
.内联{
显示：内联；
}
桌子
th，
运输署{
边框：1px纯黑；
宽度：500px；
高度：30px；
文本对齐：居中；
}
t脚掌{
字体大小：粗体；
颜色：rgb（53,77,53）；
背景色：rgb（250234242）；
}
市场杂货预算
数量：
项目：
价格：
总数
-
+
-
+
-
+
-
+
今天的总数-->>
//排列要从市场购买的物品
变量数组=[{
项目：“西红柿”，
id:0，
数量:2，
价格：.58，
总数：0
},
{
物品：“橙色”，
id:1，
数量:5，
价格：.20，
总数：0
},
{
项目：“鳄梨”，
id:2，
数量:12，
价格：.69，
总数：0
},
{
物品：“比萨饼”，
id:3，
数量:1，
价格：10.00，
总数：0
}
];
设btns=document.getElementsByClassName（'displayBtn'）；
let table=document.getElementById（“表”）；
设total=0；
//在表中显示信息
对于（i=0；i