Javascript 如何更改文本字段HTML中的值

如何通过从销售价格值中减去良好价值的成本来更改收入文本字段中的值？我已经附上了一个图像，它看起来像是什么，但我想改变什么显示在我的收入领域后，我编辑前两个文本字段。我还附上了我的代码

{{product.productLabel}
售价：



货物成本：



收入：

您可以发布getRev（）的正文吗？并且，从getRev（）中去掉引号，以便它调用函数，而不是将值设置为文字字符串“getRev（）”

编辑：

有没有办法从我的销售价值中减去齿轮的价值

是的，您可以使用onchange处理程序。下面是一个示例，假设您将这三个元素的ID设置为“cogs”、“sales”和“revs”：

const cogs = document.getElementById('cogs');
const sales = document.getElementById('sales');
const revs = document.getElementById('revs');

cogs.addEventListener('input', (event) => {
   const salesNumber = Number(sales.value);
   const cogsNumber = Number(cogs.value);
   const difference = salesNumber - cogsNumber;

   revs.value = difference;
  });

将

（keyup）=“getRev（）”

添加到您的销售价格和商品成本输入中

<div class="product-section">
    <h3>
        <b>{{ product.productLabel }}</b>
    </h3>
    <label for="sales-price">Sales Price: </label>
    <br>
    <input
    type="text"
    [(ngModel)]="product.salesPrice"
    (keyup)="getRev()"
    name="sales-label"
    placeholder="Enter Sales Price"
  />
    <p></p>
    <label for="cogs">Cost of Good: </label>
    <br>
    <input
    type="text"
    [(ngModel)]="product.cogs"
    (keyup)="getRev()"
    name="cogs-label"
    placeholder="Enter Cogs"
  />
    <p></p>
    <label for="rev">Revenue: </label>
    <br>
    <input
    type="text"
    [(ngModel)]="product.rev"
    name="rev-label"
    readonly
  />
</div>

---

从

getRev（）

中去掉引号，以便调用它，而不是仅仅设置为文本输入的字符串值。嘿，实际上我认为我无法访问getRev（）函数，因为它位于另一个命名的ts文件中。另外，这行代码是无效的，因为它完全是白色的。有没有办法从我的销售值中减去cogs值？public getRev（）：string{const revNum:number=number（this.salesPrice）-number（this.cogs）；return revNum.toString（）；}

  getRev() {
    this.product.rev = this.product.cogs - this.product.salesPrice;
  }