在javascript中自动插入两个值之和

在javascript中自动插入两个值之和,javascript,html,Javascript,Html,我必须这样做,但我有点困在这里了 所以我有一个标题列为 铁镍钴磁性非磁性 在每个项目下面,我有一个值输入框,用户可以在其中输入值 在上表中,Fe、Ni为磁性,Co为非磁性。 所以,当用户在Fe和Ni下输入值时,其总和会自动插入到磁性下,如果用户为Co输入值,其值将插入到非磁性下 我已尝试使用项目名称下面的框id和项目id,但无法完成此操作。我想用html和javascript来完成这一切。 这只是代码的一部分。整个代码要大得多。所以我不想混淆,所以我只是把部分代码的上下文放在这里 如果有人能给我

我必须这样做,但我有点困在这里了

所以我有一个标题列为

铁镍钴磁性非磁性

在每个项目下面,我有一个值输入框,用户可以在其中输入值

在上表中,Fe、Ni为磁性,Co为非磁性。 所以,当用户在Fe和Ni下输入值时,其总和会自动插入到磁性下,如果用户为Co输入值,其值将插入到非磁性下

我已尝试使用项目名称下面的框id和项目id,但无法完成此操作。我想用html和javascript来完成这一切。 这只是代码的一部分。整个代码要大得多。所以我不想混淆,所以我只是把部分代码的上下文放在这里


如果有人能给我一些建议的话。这将很有帮助。

您可以很容易地这样做:

const feInput=document.getElementById('fe');
const niInput=document.getElementById('ni');
const coInput=document.getElementById('co');
const magnetic=document.getElementById('magnetic');
const non-magnetic=document.getElementById('non-magnetic');
函数updateMagnetic(){
常数fe=feInput.value;
常数ni=niInput.value;
磁性.innerHTML=数量(fe)+数量(ni);
}
函数updateNonMagnetic(){
const co=coInput.value;
非磁性。innerHTML=编号(co);
}
feInput.addEventListener('input',updateMagnetic);
niInput.addEventListener('input',updateMagnetic);
coInput.addEventListener('input',UpdateNonMagnitic)

铁
镍
有限公司
有磁性的
非磁性
0
0