如何在表单实时计算中复用前序输出结果开展新运算

你当前代码计算y值出错的核心原因是直接读取格式化后的x展示值做数值解析：

• 你给x的输出做了格式化处理：保留2位小数、用逗号做小数点、千分位加空格分隔，比如x计算值为15000时，最终x.value是15 000,00
• 你解析x.value时只做了逗号转小数点的替换，没有移除千分位的空格，parseFloat遇到空格就会终止数字解析，最终只能拿到空格前的错误数值（比如上面的例子只会解析出15，而非15000），自然算不对y的结果
• 你把数值计算和展示格式化逻辑写在同一行，x的原始计算结果没有单独存储，每次都要反向解析加了展示格式的字符串，很容易出现解析偏差。

把数值计算和展示格式化逻辑拆开：先基于输入值算出x、y的原始数值，再统一做格式化输出，全程不要反向解析已经加了展示格式的输出值。
修复后的可运行代码如下：

<form oninput="
// 解析所有输入的原始数值，统一处理逗号小数点
const getNum = (dom) => parseFloat(dom.value.replace(',','.'));
const rawA = getNum(a), rawB = getNum(b), rawC = getNum(c), rawD = getNum(d), rawE = getNum(e);
// 两步计算，全程用原始数值，不受展示格式干扰
const rawX = rawA * rawB * rawE;
const rawY = rawC + rawD + rawX;
// 统一格式化：千分位加空格、逗号做小数点
const formatNum = (num) => num.toFixed(2).replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ' ').replace('.', ',');
x.value = formatNum(rawX);
y.value = formatNum(rawY);
">
  <table>
    <th colspan="2">
      bla bla bla
    </th>
    <tr>
      <td><label for="a">bla bla:</label></td>
      <td><input type="number" id="a" value="24"><br><br></td>
    </tr>
    <tr>
      <td><label for="b">bla bla:</label></td>
      <td><input type="number" id="b" value="25"><br><br></td>
    </tr>
    <tr>
      <td><label for="c">bla bla:</label></td>
      <td><input type="number" id="c" value="500"><br><br></td>
    </tr>
    <tr>
      <td><label for="d">bla bla:</label></td>
      <td><input type="number" id="d" value="25"><br><br></td>
    </tr>
    <tr>
      <td><label for="e">bla bal:</label></td>
      <td><input type="number" id="e" value="25"><br><br></td>
    </tr>
    <tr>
      <td><label for="x"> 😟😟😟::</label></td>
      <td><output name="x" for="a b e"></output><br><br></td>
    </tr>
    <tr>
      <td><label for="y" style="font-size:20px;color:red"> <b>Bla</b> 😟😟😟::</label></td>
      <td><b><output name="y" for="a b c d e"></output></b></td>
    </tr>
  </table>
</form>

• 抽离了数值解析、格式化的公共函数，去掉重复代码
• 补全了原代码缺失的表格行、单元格闭合标签，避免DOM结构异常
• 补全了y输出标签的for属性关联所有输入项，符合规范
• 用默认值验证：a=24、b=25、e=25时x=15000，格式化显示15 000,00；y=500+25+15000=15525，格式化显示15 525,00，计算结果完全符合预期。

内容的提问来源于stack exchange，提问作者Lill-Erik