preencher input text

[netocazuza]

Tenho um tabela que guarda os abastecimentos de um veículo e gostaria de fazer o seguinte código funcionar. Preciso pegar o último registro com a quilometragem do odômetro e já trazer pro input text específico, chamado kmAnterior. Tem que ser o último campo, pra eu descobrir o caminho percorrido. Exemplo: kmAnterior 115,  kmAtual 215. Cálculo (kmAtual - kmAnterior) = 100 km. Então o atual eu vou digitar, e gostaria que o anterior buscasse automaticamente na tabela (último registro gravado). Estou fazendo de uma forma que não está funcionando:

<input type="text" name = "kmAnterior" placeholder = "KM Anterior" value = "<?php echo $linha['kmAbastecimento']; ?>">

Onde esse $linha é a forma que estou usando pra preencher uma tabela (usando while). Quero conseguir pegar sempre o último valor da tabela e lançar diretamente nesse campo, de uma forma mais limpa e simples possível, pois a tabela tem uma série de outros cálculos.

[wash]

Olá!
Pra fazer o cálculo enquanto o sr. digita, o sr. vai precisar usar javascript.

Editado Julho 29, 2018 por wash

[Jefferson Pires Fiorotto]

Olá, só não entendi o "While" para pegar o KM Anterior...mas segue exemplo para calcular via JavaScript..

espero ter ajudado!

Abraço!!

<input type="text" id="kmAnterior"  name = "kmAnterior"   placeholder = "KM Anterior" value="<?php echo $linha['kmAbastecimento']; ?>">
<input type="text" id="kmAtual"     name = "kmAtual"      placeholder = "KM Atual"    onchange="onCalculaKM()">
<input type="text" id="kmCalculado" name = "kmCalculado"  placeholder = "KM Calculado">
<script>
function onCalculaKM() {
    var kmAnterior = document.getElementById("kmAnterior");
    var kmAtual = document.getElementById("kmAtual");
    document.getElementById("kmCalculado").value = (kmAtual - kmAnterior);
}
</script>

 

[netocazuza]

O while na verdade tá fazendo uma outra coisa, que é listar todos os campos numa tabela. Só mencionei ele, pra ver se já dava pra aproveitar essa mesma "leitura" da tabela. Queria buscar esse kmAnterior diretamente da tabela, e não estou conseguindo.

[netocazuza]

9 horas atrás, Jefferson Pires Fiorotto disse:

Olá, só não entendi o "While" para pegar o KM Anterior...mas segue exemplo para calcular via JavaScript..

espero ter ajudado!

Abraço!!

<input type="text" id="kmAnterior"  name = "kmAnterior"   placeholder = "KM Anterior" value="<?php echo $linha['kmAbastecimento']; ?>">
<input type="text" id="kmAtual"     name = "kmAtual"      placeholder = "KM Atual"    onchange="onCalculaKM()">
<input type="text" id="kmCalculado" name = "kmCalculado"  placeholder = "KM Calculado">
<script>
function onCalculaKM() {
    var kmAnterior = document.getElementById("kmAnterior");
    var kmAtual = document.getElementById("kmAtual");
    document.getElementById("kmCalculado").value = (kmAtual - kmAnterior);
}
</script>

 

Tá aparecendo NaN no resultado. Onde posso ter errado? Aparentemente tá funcionando, mas não dá o valor esperado.

[Jefferson Pires Fiorotto]

1 hora atrás, netocazuza disse:

Tá aparecendo NaN no resultado. Onde posso ter errado? Aparentemente tá funcionando, mas não dá o valor esperado.

Opa, foi mal faltou o .value

veja funcionando em https://jsfiddle.net/3x9o5cf8/

[netocazuza]

Era isso mesmo.