通过JavaScript输出文本的问题

我正在构建一个表单，用于实时更新两个值之间的差异（即不刷新页面）。它由多个字段组成，但最终我将得到两个值的总和，并使用HTML显示

在我找到用html显示总和的函数之前，整个过程似乎都能正常工作

其目的是将

结果

（隐藏字段）显示为

输出

中的纯文本。它不会在开始时触发，但是如果我用键盘输入一个额外的字符，事件最终会被听到并显示文本。起来

我确信我遗漏了一些东西，但是我如何确保总和被输出呢

function calculate() {
  var x = document.getElementById('fee_selector_holder').value || 0;
  var y = document.getElementById('content').value || 0;
  var result = document.getElementById('result');
  var myResult = parseInt(x) + parseInt(y);
  result.value = myResult; }


var input = document.getElementById("result"); 
var output = document.getElementById("output"); input.addEventListener("input", function() {
  output.innerText = this.value;
});

你可以赚更多！
span上没有
输入
事件。您可以创建一个单独的函数，并将计算值传递给该函数，该函数的职责是更新
span
文本内容


函数计算（）{
var x=document.getElementById（'费用选择器\持有人'）.value | | 0；
var y=document.getElementById（'content'）。值| | 0；
var result=document.getElementById（'result'）；
var myResult=parseInt（x）+parseInt（y）；
result.value=myResult；
updateText（myResult）
}
函数updateText（val）{
document.getElementById（“输出”）.innerText=val；
}


你可以赚更多span上没有
输入
事件。您可以创建一个单独的函数，并将计算值传递给该函数，该函数的职责是更新
span
文本内容


函数计算（）{
var x=document.getElementById（'费用选择器\持有人'）.value | | 0；
var y=document.getElementById（'content'）。值| | 0；
var result=document.getElementById（'result'）；
var myResult=parseInt（x）+parseInt（y）；
result.value=myResult；
updateText（myResult）
}
函数updateText（val）{
document.getElementById（“输出”）.innerText=val；
}


你可以赚更多太棒了！如果我想让代码片段只依赖一个字段，你会如何修改它？太好了！如果我希望代码段仅依赖于单个字段，您将如何修改它？