我在不同的函数中分离了我的表单，尽管每个函数都可以工作，但我找不到一种方法来使用Total函数中返回的值。

function adult() {
  let a = document.getElementById("adulte").value;
  let t = a * 100
  document.getElementById("asub").innerHTML = t
  //document.getElementById("sub-a").value = t;
  console.log(t);
  document.getElementById("tprice").innerHTML = a;
  return t;
}

function total() {
  let a = adult();
  document.getElementById("tprice").innerHTML = a;
  console.log(a);
}

<代码><；input ID=“ adulte ” name=“ adulte ” style=“ width：40px ” onchange=“ adult（）；”/>；<；SPAN ID=“ aprice ”>；100<；/span>；$/NUIT<；P>；Hébergements pour les adultes=<；SPAN ID=“ asub ”>；100<；/SPAN>；$<；/p>；<；button ID=“ total ” name=“ total ” onclick=“ total（）；”>；计算<；/button>；<；SPAN ID=“ tPrice ”>；50<；/span>；$

顺晟科技：

我认为下面的代码应该可以工作，但我建议使用<input id="adulte" name="adulte" style="width: 40px" onchange="adult();" /> <span id="aprice"> 100</span>$/nuit <p> Hébergements pour les adultes = <span id="asub">100</span>$</p> <button id="total" name="total" onclick="total();">calculate</button> <span id="tprice"> 50</span>$标记。

您不希望每次输入更改时都触发form，我觉得这是不必要的和多余的。代码优化仍然有很大的空间，但我不想破坏你做事的方法。

同样在HTML5中，onChange事件在两个条件下触发：

1.按Enter键时2.失去焦点时（模糊时）

<代码><；HTML（>；）<；头部>；<；脚本>；功能成人（输入）{设A=输入；document.getElementById（' asub '）.innerHTML=a*100；document.getElementById（' tPrice '）.innerHTML=a；返回T；}函数总计（事件）{设a=adult（event.target.value）；document.getElementById（' tPrice '）.innerHTML=a；}<；/脚本>；<；/标题>；<；身体>；<；输入类型="；数字"；ID="；成人"；name="；成人"；style="；宽度：40px"；onChange="；合计（事件）"；最小值=0/>；<；span ID="；aprice"；>；100<；/span>；美元/单位<；p>；hébergements pour les adultes=<；span ID="；asub"；>；100<；/span>；$<；/p>；<；按钮ID="；总计"；名称="；总计"；onclick="；总计（）；"；>；计算<；/按钮>；<；span ID="；t价格"；>；<；/span>；<；/正文>；<；/HTML>；

添加Stackblitz代码：点击这里