Tenho uma tabela html de 3 colunas, as 2 primeiras são <input type="number">
e a terceira é texto.
Quero jogar na terceira a soma dos valores dos inputs
utilizando o onchange
, mas o que estou enfrentando é que se eu coloco "2" em cada input
, a soma na terceira coluna é 6, pois o valor anterior do input
influencia no resultado final.
Como faço para resolver este problema??
Abaixo meu código.
<table>
<tr>
<td>valor 1</td>
<td>valor 2</td>
<td>total</td>
</tr>
<tr>
<td><input type="number" min="0" onchange="calcula(this.value)"></td>
<td><input type="number" min="0" onchange="calcula(this.value)"></td>
<td><input type="text" readonly value="0" id="teste"></td>
</tr>
</table>
<script type="text/javascript">
function calcula(valor){
var soma = parseInt(document.getElementById("teste").value);
soma += parseInt(valor);
document.getElementById("teste").value = soma;
}
</script>