Forms 如何显示'；oninput'；在不同的文本框中计算？（HTML）

我有两个接受数值的文本框。当用户在其中一个文本框中输入值时，应运行计算并在另一个文本框中显示该值（反之亦然）。我一直在玩代码，得到了这个，但是它似乎没有显示值

<form oninput="valueB.value=valueA.value+900">
    <input type="number" name="valueA" value="" />
</form>

<form oninput="valueA.value=valueB.value+300">
    <input type="number" name="valueB" value="" />
</form>

---

我注意到有

标记可用于显示结果，但我不知道如何利用它在文本框中显示值。有人能提供一些建议吗？

元素不应该通过其

name

属性具有指向它们的全局引用。如果将

name

属性更改为

id

，您将看到它几乎按照预期工作，您只需在执行加法之前将值转换为数字

演示：

---

一般来说，您应该将JavaScript和HTML分开，并使用诸如

document.getElementsByName

或

document.querySelector

之类的获取方法引用文档中的元素。这样，您的代码更易于维护，并且可以避免由于变量与DOM元素的

id

同名而产生的任何歧义