Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá amigos,
tenho o seguinte código:
<html>
<script type="text/javascript">
function Soma(){
var soma = 0;
var ipts = document.querySelectorAll('input[oninput="Soma()"]');
for(var x=0; x<ipts.length; x++){
var valorItem = parseFloat(ipts[x].value);
!isNaN(valorItem) ? soma += parseFloat(valorItem) : null;
}
document.querySelector('#final').value = soma.toFixed(2);
}
</script>
<form action="">
Total produto1: <input type="text" oninput="Soma()" value="0"><br>
Total produto2: <input type="text" oninput="Soma()" value="0"><br>
<br>
Total todos os produtos12: <input type="text" id="final">
</form>
</html>
Bom...para essas duas *inputs *funciona corretamente.
Porém, se eu quiser colocar mais *inputs* como: Total produto3 + Total produto4 = Total todos os produtos34, Total produtoX + Total produtoY = Total todos os produtosXY, ...
e usar o mesmo código JS, é possível? alguém poderia me dar uma dica de como eu faço para fazer isso? já tentei de várias maneiras, mas não estou tendo sucesso...
Fico agradecido.Carregando comentários...