Somar valores de uma lista e apresentar o total via JavaScript

Front-end
#21

[quote=tiagostrokes][quote=rof20004]Voce pode fazer assim:

<input type="text" id="valor1" value="" onkeyup="somarValores(this.value);"/>  
<input type="text" id="valor2" value="" onkeyup="somarValores(this.value);/>  
<input type="text" id="valor3" value="" onkeyup="somarValores(this.value);/>
<input type="text" id="valor4" value="" onkeyup="somarValores(this.value);/>    

<input type="text" id="totalSoma" value=""/> 

<script src='text/javascript">

var total = 0;

function somarValores(valor) {
      total += valor;
      document.getElementById("totalSoma").value = total;
}
</script>

Será que ajuda ?

[/quote]

Não está atualizando o valor quando apago de alguma input[/quote]

Simples, basta antes de somar o total += valor; uma condicao para verificar se o valor é vazio ou nulo, se sim, voce diz que valor recebera 0 (zero)

Exemplo:

[code]

<script src='text/javascript"> var total = 0; function somarValores(valor) { total += valor == null || valor == "" ? 0 : valor ; document.getElementById("totalSoma").value = total; } </script>[/code] <p>Flw!!!</p>
#22