Estou a criar uma pequena calculadora que converte Quilogramas em Pounds
e Pounds em Quilogramas.
O meu objetivo é inserir um valor num primeiro input
e exibir o resultado num segundo input
que vem em seguida. Por exemplo:
<input id='in' value='1' type='text'/> <!-- O usuário insere 1KG no primeiro input para converter em Pounds -->
<input id='out' value='2.20462262' type='text'/> <!-- E o resultado aparecerá aqui no seguindo input: 2.20462262 -->
O conceito base é este! Mas agora eu queria que existisse um botão tipo o do Google Tradutor no meio destes dois inputs
, no qual invertesse as unidades de cálculo, ou seja no início estaríamos a calcular - (KG para Pounds
), clicando no botão inverterá as unidades de cálculo/peso e agora estaremos a calcular - (Pounds para KG
). Tudo isto num só botão.
Melhor explicando. No início estaríamos a calcular quantos quilos seria um valor X
em Pounds:
.caixa {display: inline-block;}
<div class="caixa">
Quilogramas<br />
<input id='field1' value='50' type='text'/>
</div>
<div class="caixa"><button id='switch'>Inverter Unidade</button></div>
<div class="caixa">
Pounds<br />
<input id='field2' value='110.23' type='text'/>
</div>
Clicando no botão Inverter Unidade
, ele inverte as unidades de peso podendo agora calcular quantas Pounds
será um valor X
em Quilogramas
:
.caixa {display: inline-block;}
<div class="caixa">
Pounds<br />
<input id='field1' value='100' type='text'/>
</div>
<div class="caixa"><button id='switch'>Inverter Unidade</button></div>
<div class="caixa">
Quilogramas<br />
<input id='field2' value='45.35' type='text'/>
</div>
Deu para entender aquilo que eu quero fazer? Eis o código daquilo que eu tenho até agora:
function calcPD(){
var pound = document.getElementById("field1").value;
var calc = quilos / 2.2046;
var resul = document.getElementById("field2").value=calcular.toFixed(2);
}
function calcKg(){
var kg = document.getElementById("field1").value;
var calc = quilo * 2.2046;
var resul = document.getElementById("field2").value=calcular.toFixed(2);
}