如何在分支数量上划分预算,并且每个分支在 JavaScript 中以不同的方式划分?

问题描述

我正在构建一个应用程序,将输入值按分支平均划分,然后每个分支共享以不同的方式划分,例如,分支的份额要在三个人中分配第一个得到一半,第二个得到得到第三个,最后一个得到其余的。 但第二个分支会平均分配给两个人。

const company = document.querySelector('#compny');
const branch = document.querySelector('#branch');

function budgetonBranches() {
  let createdElements = document.querySelectorAll( ".branchdiv,.branchInput");

  createdElements.forEach( createdElement => {
    createdElement.remove();
  });

  for(i=0; i<branch.value; i++) {
    let branchdiv = document.createElement( "div" );
    let branchInput = document.createElement("input");
    let branchLeb = document.createElement("label");

    branchdiv.classList.add("branchdiv");
    branchdiv.id = `branchdiv${i+1}`;

    branchInput.setAttribute("type","Number");
    branchInput.classList.add("branchInput");
    branchInput.id = `branchInput${i+1}`;

    branchLeb.innerText =` branchNo${i+1}`;
    branchLeb.setAttribute( "for",`branchLeb${i+1}`);

    branchdiv.appendChild(branchLeb);
    branchdiv.appendChild(branchInput);

    compny.appendChild(branchdiv);
  }
}

branch.addEventListener("input",budgetonBranches);
<!DOCTYPE html>
<html>
  <body>
    <div id="compny">
      <label for="totalBudget">Total Budget</label>
      <input type="number" id="totalBudget">
      <label for="branch">Total Company Branches</label>
      <input type="number" id="branch">
    </div>
  </body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)