Javascript 多行自动乘法

我是新的编码，那么任何帮助将不胜感激

我试着用2的值进行自动乘法。基本上我的桌子看起来像。乘法在第一行上运行良好。如果我通过简单复制此代码生成另一行：

<tr>
   <td><input id="box1" type="text" oninput="calculate()" /></td>
   <td><input id="box2" type="text" oninput="calculate()" /></td>
   <td><input id="result" /></td>
</tr>

---

我将一个

input

事件处理程序绑定到表，它将捕获任何表单元格输入元素上的

input

事件。在处理程序

事件中，target

将引用事件发生的输入元素，您可以使用DOM导航属性/方法在同一行中查找关联的表单元格

也许有点像这样，使用

class

而不是

id

：

document.getElementById（“乘数”）.addEventListener（“输入”，函数（e）{
var row=e.target.parentNode.parentNode
var val1=行.querySelector（“.valOne”）.value
var val2=row.querySelector（“.valTwo”）.value
row.querySelector（“.result”）.value=val1*val2
})

---

我会将一个

输入

事件处理程序绑定到表，它将捕获任何表单元格输入元素上的任何

输入

事件。在处理程序

事件中，target

将引用事件发生的输入元素，您可以使用DOM导航属性/方法在同一行中查找关联的表单元格

也许有点像这样，使用

class

而不是

id

：

document.getElementById（“乘数”）.addEventListener（“输入”，函数（e）{
var row=e.target.parentNode.parentNode
var val1=行.querySelector（“.valOne”）.value
var val2=row.querySelector（“.valTwo”）.value
row.querySelector（“.result”）.value=val1*val2
})

请发布您的Javascript-至少是

计算

方法。@UncleDave我编辑了问题请发布您的Javascript-至少是

计算

方法。@UncleDave我编辑了问题

function calculate() {
    var myBox1 = document.getElementById('box1').value; 
    var myBox2 = document.getElementById('box2').value;
    var result = document.getElementById('result'); 
    var myResult = myBox1 * myBox2;
    result.value = myResult;
    }