Javascript 我想添加输入字段的数据，并在其他输入字段中显示它们

我有三个输入字段，我想得到两个输入字段的和，然后像这样把结果放在第三个输入字段中

  <div class="row mt-2">
      <div class="col-md-2">
      <label for="subTotal" class="form-label">SubTotal</label>
    </div>
   <div class="col-md-2">
   <input type="number" class="form-control" id="subTotal" required>
     </div>
     </div>
    <div class="row mt-2">
       <div class="col-md-2">
     <label for="discount" class="form-label">Discount</label>
        </div>
     <div class="col-md-2">
    <input type="number" class="form-control" id="discount" required>
  </div>
  <div class="col-md-2">
 <input type="number" class="form-control" id="discountResult">
   </div>
 </div>

小计
优惠

---

在这段代码中，我想用折扣值添加小计值，并在折扣输入文本字段中显示结果。

我在下面使用HTML创建了一个函数

它将取小计的值并减去折扣值

onchange

var subTotal=document.getElementById（'subTotal'）；
var折扣=document.getElementById（“折扣”）；
var discountResult=document.getElementById（'discountResult'）；
discount.addEventListener（“change”，function（））{
折扣结果.value=小计.value-折扣.value；
});

小计
优惠
欢迎来到SO，我会先结账。我可以向您解释一下吗？SO要求您先研究并尝试代码。然后在之后，如果你的代码失败了，那么你把它贴在这里，如果修复了它，你可以寻求帮助。
<div class="row mt-2">
  <div class="col-md-2">
    <label for="subTotal" class="form-label">SubTotal</label>
  </div>
  <div class="col-md-2">
    <input type="number" class="form-control" id="subTotal" required>
  </div>
</div>
<div class="row mt-2">
  <div class="col-md-2">
    <label for="discount" class="form-label">Discount</label>
  </div>
  <div class="col-md-2">
    <input type="number" class="form-control" id="discount" required>
  </div>
  <div class="col-md-2">
    <input type="number" class="form-control" id="discountResult">
  </div>
</div>


function sum()
{
var subTotal = document.getElementById("subTotal"); 
var discount = document.getElementById("discount"); 
var result=subTotal+discount;

document.getElementById("discountResult").value = result;
}