计算选择表单上的总数，并根据输入将其放置在单独的类别中，尝试在每个提交的预算应用中更新总数

如何解决计算选择表单上的总数，并根据输入将其放置在单独的类别中，尝试在每个提交的预算应用中更新总数

Main Issue

我目前正在开发预算应用程序，该应用程序需要用户输入并根据特定类别计算支出。我的问题是选择输入，我希望能够根据用户为该输入选择的类别和值来组织总数。现在，我可以发布单个数字，但是无法将运行总计添加到下部。我相信我的问题是将查询选择器中的项目添加在一起。

我正在尝试在“提交”按钮下方获取每个类别的运行总计，并将总计追加到保存每个类别的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);