当由JavaScript操纵时，HTML表单不会更新

Question

所以，我正在建立一个可以计算直角三角形的小网站。你知道吗，只是为了它的乐趣。

Atm，我正在测试不同html表单的实时计算，但是，我无法弄清楚为什么cathetusB的表单没有更新。

感谢任何帮助！

这就是设置所有表单的方式：<input type="number" step="0.01" id="someID" onkeyup=calculate();>

The JS code messed up when i tried to paste it in, so here's a fiddle!

编辑：将所有代码添加到小提琴！

Answer 1

您已配置JSFiddle，以便代码在onload事件处理程序中运行。

因此，函数作用于该处理函数。

它们不是全局的。

您的内部事件处理程序无法访问它们。

配置JSFiddle将JS放在正文中而不是onload和the code works。

最好用programatic event binding替换你的内在事件处理程序属性。

Answer 2

使用时要小心：

<input type="number" step="0.01" id="cathetusA" onkeyup=calculate();>

如果您对每个表单使用相同的ID，则代码将无法正常工作。 每个对象的ID必须是唯一的