Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

cjsilva2011

exercício em Javascript

Recommended Posts

Boa tarde!

 

Por favor estou com dificuldade para concluir um exercício e a apresentar na escola onde estou fazendo Javascript. Sou iniciante por isso venho pedir ajuda... É o seguinte no script abaixo, fiz adaptação para CALCULO DE COMBUSTÍVEL. Só que tem três campos que queria colocar para calcular automaticamente a medida que eu fosse digitando os valores. São os Campos: PTOTALKM; VQUANTIDADE e PTOTAL.

 

1) O PTOTALKM Soma os três campos com a quilometragem;

2) O VQUANTIDADE divide o PTOTALKM pelo VCONSUMO;

3) O PTOTAL divide o PTOTALKM pelo VCONSUMO, multiplica pelo VCOMBUSTÍVEL que é o preço do Combustível mais o Valor do Pedágio que é o VPEDAGIO.

 

A minha dificuldade é que são três campos calculando automaticamente dentro do mesmo script...

 

Algumas tentativas deu certo, mais o valor final sempre fica abaixo ou a mais de acordo com os cálculos feitos a mão!

 

Segue abaixo o Script para quem poder me ajudar nessa empreitada.

 

Desde já fico grato pela ajuda!

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Calculo de Combustivel</title>
<script type="text/javascript">
function calcValor() {
// zerando totalkm
document.getElementById("PTOTALKM").value = '0';
// zerando totalR$
document.getElementById("totalDinheiro").value = '0';
 
// KM ida
var VKMIDA = document.getElementById("VKMIDA").value;
// KM volta
var VKMVOLTA = document.getElementById("VKMVOLTA").value;
// Rodou a mais
var VKMAMAIS = document.getElementById("VKMAMAIS").value;
// soma dos valores digitados nos campos
var PTOTALKM = (parseFloat(VKMIDA) + parseFloat(VKMVOLTA) + parseFloat(VKMAMAIS));
// coloca a soma no input de soma
document.getElementById("PTOTALKM").value = PTOTALKM;
 
// Consumo KM/l - valor
var VCONSUMO = document.getElementById("VCONSUMO").value;
// soma quantidade Lts
var VQUANTIDADE = (parseFloat(PTOTALKM) / parseFloat(VCONSUMO));
// coloca a soma no input de soma
document.getElementById("VQUANTIDADE").value = VQUANTIDADE;
// Combustivel - valor
var VCOMBUSTIVEL = document.getElementById("VCOMBUSTIVEL").value;
// Pedagio - valor
var VPEDAGIO = document.getElementById("VPEDAGIO").value;
var PTOTAL = parseFloat((PTOTALKM / (VCONSUMO * VCOMBUSTIVEL) + VPEDAGIO));
var PTOTAL = parseFloat(PTOTALKM) - parseFloat(VCONSUMO) - parseFloat(VCOMBUSTIVEL) - parseFloat(VPEDAGIO);
document.getElementById("totalDinheiro").value = 'R$ ' + PTOTAL.toFixed(2);

}
</script>
<style type="text/css" media="all">
table tr td {
padding: 5px;
}
table tr td.dir {
padding-right: 15px;
text-align: right;
width: 120px;
}
</style>
</head>
<body>
<p>Calcular Combust?vel:</p>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="dir">KM Ida:</td>
<td><input type="text" id="VKMIDA" /></td>
</tr>
<tr>
<td class="dir">KM Volta:</td>
<td><input type="text" id="VKMVOLTA" /></td>
<tr>
<td class="dir">KM a mais:</td>
<td><input type="text" id="VKMAMAIS" /></td>
</tr>
<tr>
</tr>
<tr><td colspan="2"><!--<input type="text" name="h1" id="h1" />--></td></tr>
<tr>
<td class="dir">Total KM:</td>
<td><input type="text" id="PTOTALKM" /></td>
</tr>
<tr>
<td class="dir">Consumo LTs:</td>
<td><input type="text" id="VCONSUMO" /></td>
</tr>
<tr>
<td class="dir">Quantidade LTs:</td>
<td><input type="text" id="VQUANTIDADE" /></td>
</tr>
<tr>
<td class="dir">Combustivel R$:</td>
<td><input type="text" id="VCOMBUSTIVEL" /></td>
</tr>
<tr>
<td class="dir">Pedagio R$:</td>
<td><input type="text" id="VPEDAGIO" /></td>
</tr>
</tr>
<tr><td colspan="2"><!--<input type="text" name="h2" id="h2" />--></td></tr>
<tr>
<td class="dir">Total R$:</td><td><input type="text" id="totalDinheiro" /></td>
<tr>
<tr>
<td class="dir"></td><td><input type="button" value="Calcular" onclick="calcValor();" /></td>
<tr>
</table>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.