Galera, estou desenvolvimento um formulário que irá calcular o valor do frete e descontar os débitos para chegar ao valor líquido que o Motorista tem para receber. Porém eu queria que alguns campos exibissem os valores conforme o usuário vai preenchendo o formulário.
Por exemplo a imagem, o campo "Diferença de Peso" irá calcular o "Peso de Saída" - "Peso de Chegada" para saber a diferença. Alguém sabe de algum tutorial de JavaScript/jQuery que realize algo parecido que eu consiga me basear?
<script type="text/javascript">
var tPesoSaida = document.getElementById( 'ps' );
var tPesoChegada = document.getElementById( 'pc' );
var tPesoTotal = document.getElementById( 'pt' );
tPesoSaida.onkeyup=calcula;
tPesoChegada.onkeyup=calcula;
function calcula() {
tPesoTotal.value = (tPesoSaida.value - tPesoChegada.value);
}
</script>
<div class="small-2 large-4 columns">
<label>Peso de Saída</label>
<input type="text" value="0" placeholder="37000" name="PesoSaida" id="ps"/>
</div>
<div class="small-2 large-4 columns">
<label>Peso de Chegada</label>
<input type="text" value="0" placeholder="37090" name="PesoChegada" id="pc"/>
</div>
<div class="small-2 large-4 columns">
<label>Diferença de Peso</label>
<input type="text" value="0" name="PesoTotal" id="pt" readonly="readonly" tabindex="-1"/>
</div>