当被JavaScript操纵时,HTML表单不更新

当被JavaScript操纵时,HTML表单不更新,javascript,html,dom,Javascript,Html,Dom,所以,我正在制作一个小网站,在那里你可以计算直角三角形。你知道,只是为了好玩 Atm,我正在测试不同html表单的实时计算,但是,我不明白为什么cathetusB的表单没有更新 感谢您的帮助 以下是所有表单的设置方式: 编辑:将所有代码添加到小提琴中 使用时要小心: <input type="number" step="0.01" id="cathetusA" onkeyup=calculate();> 如果对每个表单使用相同的id,那么代码将无法工作。 对于配置了JSFID

所以,我正在制作一个小网站,在那里你可以计算直角三角形。你知道,只是为了好玩

Atm,我正在测试不同html表单的实时计算,但是,我不明白为什么cathetusB的表单没有更新

感谢您的帮助


以下是所有表单的设置方式:


编辑:将所有代码添加到小提琴中

使用时要小心:

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

如果对每个表单使用相同的id,那么代码将无法工作。
对于配置了JSFIDLE的每个对象,Id必须是唯一的,以便代码在
onload
事件处理程序中运行

因此,这些函数的作用域是该处理程序函数

他们不是全球性的

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

配置jsiddle将JS放置在主体中,而不是onload和。


最好将您的内在事件处理程序属性替换为。

您的JS中没有计算函数。您是否检查了我的解决方案?执行所有计算的代码将进入计算()函数,介于getNumbers()和draw()之间。我只是在测试实时计算方面。这就是为什么它看起来有点“凌乱”的原因。这只是测试。你需要提供一个简化的测试用例来实际演示问题。向我们展示HTML的一小部分并在一个完全不同的网站上链接到JS是不够的。你们调试过了吗?试着用F12跑步。你为什么这么说?你看到复制了吗?“这是所有表单的设置方式:”所有表单都是这样设置的,但ID不同。很抱歉不清楚。我已经将所有代码(HTML、CSS和JS)添加到了fiddle中,因此查看/测试代码更容易。这真的很奇怪。当我在JSFIDLE中运行它时,它会工作,但当我在本地运行它时,它不会工作。。知道为什么吗?不,我看不到你的地方代码。不过,浏览器中的JavaScript控制台可能有一些有用的错误消息。代码完全相同,这就是为什么它如此奇怪的原因。除了那一部分,我将JS作为外部文件加载。.当我在输入表单中键入内容时,Chrome给了我错误“UncaughtTypeError:无法将属性'value'设置为null”。这很奇怪……那么,大概代码是不一样的。脚本位于不同的位置。