Javascript 获取具有onChange事件的两个文本框的商

我得到ua和ub的总和，并显示在tu文本框中。我增加了ua 和ga文本框，并显示在uu文本框以及ub和gb上。得到 uu和a的总和，并显示在tt文本框上。我想得到商 在gpa文本框上显示tt和tu，但不起作用。请帮忙。 提前谢谢

函数和（）{
var ua=document.getElementById（'ua'）。值；
var ub=document.getElementById（'ub'）。值；
var结果=parseInt（ua）+parseInt（ub）；
如果（！isNaN（结果））{
document.getElementById（'tu'）。value=result；
document.getElementById（'tu'）.dispatchEvent（新事件（'change'））；
}
}
函数suma（）{
var ua=document.getElementById（'ua'）。值；
var ga=document.getElementById（'ga'）。值；
var结果=parseInt（ua）*parseInt（ga）；
如果（！isNaN（结果））{
document.getElementById（'uu'）。值=结果；
document.getElementById（'uu'）.dispatchEvent（新事件（'change'））；
}
}
函数sumb（）{
var ub=document.getElementById（'ub'）。值；
var gb=document.getElementById（'gb'）.value；
var结果=parseInt（ub）*parseInt（gb）；
如果（！isNaN（结果））{
document.getElementById（'a'）。value=result；
document.getElementById（'a'）.dispatchEvent（新事件（'change'））；
}
}
函数s（）{
var uu=document.getElementById（'uu'）.value；
var a=document.getElementById（'a'）.value；
var result=parseInt（uu）+parseInt（a）；
如果（！isNaN（结果））{
document.getElementById（'tt'）。value=result；
document.getElementById（'tt'）.dispatchEvent（新事件（'change'））；
}
}
函数g（）{
var tt=document.getElementById（'tt'）.value；
var tu=document.getElementById（'tu'）.value；
var结果=parseFloat（tt）/parseFloat（tu）；
如果（！isNaN（结果））{
document.getElementById（'gpa'）。value=result；
}
}

平均成绩

据我所知，代码中的所有内容都可以正常工作（编辑后），除了您希望在函数

sumb

中获取ID为

gb

的元素，但该元素不存在。现在，您的代码显示

tt

（HTML中的第二个）的值除以

tu

（HTML中的第一个）的值的结果

也就是说，我仍然不知道你说“它不起作用”是什么意思。我能想到的唯一一件事是，您必须将焦点从

tu

或

tt

输入元素上移开，以使

gpa

元素显示结果，因为您使用了

onchange

而不是

onkeyup

正如其他人指出的，我也要强调的是，您应该尝试为变量指定有意义的名称。当你在三年内看你的代码时，你认为你仍然知道什么是“gpa”和“uu”吗

在下面的代码片段中，我只复制了与分区相关的

s。我使用而不是内联事件侦听器（

onkeyup=“sumb（）；”

），并使其更具可读性：

var dividendElement=document.getElementById（'divident'）；
var divisiorElement=document.getElementById（'divisior'）；
var resultElement=document.getElementById（'result'）；
函数updateQuotient（）{
var result=parseFloat（dividendElement.value）/parseFloat（dividendElement.value）；
如果（！isNaN（结果））{
resultElement.value=结果；
}
}
dividendElement.addEventListener（'keyup'，updateRequest）；
divisorElement.addEventListener（'keyup'，UpdateQuotent）

/
=
首先要做的是在文本字段旁边放置一些标签，以便清楚每个标签的用途。另外，解释“不起作用”的含义。开发人员控制台中是否出现错误？这些函数在哪里调用？是否有内联事件侦听器？
document.getElementById（'a'）
？没有ID为
a
的元素。您应该学会使用合理的命名方法。请养成为变量、函数等使用更好名称的习惯。这会让每个人的生活更轻松。旁注：您不需要使用
document.getElementById（）
只需使用其ID即可，例如
var uuValue=uu.value
。