问题描述
我目前正在开发预算应用程序,该应用程序需要用户输入并根据特定类别计算支出。我的问题是选择输入,我希望能够根据用户为该输入选择的类别和值来组织总数。现在,我可以发布单个数字,但是无法将运行总计添加到下部。我相信我的问题是将查询选择器中的项目添加在一起。
我正在尝试在“提交”按钮下方获取每个类别的运行总计,并将总计追加到保存每个类别的div
submitCategory.addEventListener("click",(e) => {
e.preventDefault();
let category = new FormData(mainForm);
let categoryAmt = category.get("amount");
// let categorySelected = document.createElement("div");
let categoryType = category.get("category");
let categoryIcon = document.createElement("div");
categoryIcon.innerText = ` ${categoryAmt} ${categoryType}`;
console.log(categoryIcon);
let total = parseFloat(totalCash.innerText);
totalCash.innerText = "";
let x = total;
let y = categoryAmt;
let updatedTotal = x - y;
if (updatedTotal < 0) {
alert("Watch out,you're broke!");
} else {
totalCash.innerText = "";
totalCash.append(updatedTotal);
}
if (categoryType === "Entertainment") {
let entX = document.createElement("div");
entX.innerText = parseFloat(categoryAmt);
entX.classList.add("entertainment-item");
console.log(entX);
let entActivity = document.querySelector(".activity");
entActivity.append(entX);
let entCalcTotal = document.querySelectorAll(".entertainment-item");
let sum = 0;
entCalcTotal.forEach((item) => {
let please = parseFloat(item.innerText);
// console.log(please);
console.log(please + sum);
});
}
});
// console.log(entCalcTotal.innerText);
// let sum = 0;
// for (var i = 0; i < entCalcTotal.length; i++) {
// sum += parseInt(entCalcTotal[i]);
// }
// alert(sum);
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)