求助：如何将利润计算器的计算结果与输入金额相加？

要实现将计算出的利润与原始金额相加后展示，只需修改核心计算逻辑，同时可优化金额的显示格式以符合实际需求：

修改后的JavaScript代码 #

const numbers = document.querySelectorAll(".number");
const resultText = document.querySelector(".result");
let value, percent;

numbers.forEach((number) => {
  number.addEventListener("input", () => {
    if (number.classList.contains("value")) {
      value = parseFloat(number.value);
    }

    if (number.classList.contains("percent")) {
      percent = parseFloat(number.value);
    }

    if ((value || value == 0) && (percent || percent == 0)) {
      resultText.innerHTML = calculate(value, percent);
    }
  });
});

function calculate(val, percent) {
  // 计算总金额：原始金额 + 利润
  const totalAmount = val + (val * percent) / 100;
  // 保留两位小数，确保金额格式规范
  return totalAmount.toFixed(2);
}

关键修改说明 #

• 核心逻辑调整：calculate函数不再仅返回利润，而是返回原始金额与利润的总和，公式也可简化为val * (1 + percent / 100)，结果一致
• 格式优化：新增toFixed(2)方法，将计算结果保留两位小数，避免出现多位小数的不规范金额显示
• 原有输入监听、值判断逻辑保持不变，仍会在两个输入框都有有效值（包括0）时实时更新结果

对应HTML（无需修改） #

<div class="percentage-calc">
  <div class="input_container">
    <span>Amount</span>
    <input type="number" class="number value">$
  </div>
  <div class="input_container">
    <span>Percent</span>
    <input type="number" class="number percent">% = $
    <span class="result"></span>
  </div>
</div>

内容的提问来源于stack exchange，提问作者Maduka Samuel