Gente, quisiera poner varias líneas dentro de un mismo formulario en las cuales se realicen multiplicaciones y aparezca el resultado automaticamente. Tengo este código en el que funciona solo en la primera linea, en la 2da ya no aparece el resultado:
Código HTML:
<html>
<head>
<SCRIPT>
function multiplicar(){
m1 = document.getElementById("multiplicando").value;
m2 = document.getElementById("multiplicador").value;
r = m1*m2;
document.getElementById("resultado").value = r;
}
</SCRIPT>
</head>
<body>
<form id="multiplicar">
<input name="1" type="text" id="multiplicando" onChange="multiplicar();" value=0>
X
<input name="2" type="text" id="multiplicador" onChange="multiplicar();" value=0>
=
<input name="3" type="text" id="resultado">
<br><br>
<input name="1" type="text" id="multiplicando1" onChange="multiplicar();" value=0>
X
<input name="2" type="text" id="multiplicador1" onChange="multiplicar();" value=0>
=
<input name="3" type="text" id="resultado1">
</form>
</body>
</html>
Lo intenté asignando valores de 'Id' distintos, con los mismos y nada, solo funciona la primera.
Alguien puede darme una mano?
Muchismas gracias
Leo