Olá, estou criando um pequeno sistema que converte BRL em USD e USD em BRL e eu gostaria que o cálculo ocorresse simultaneamente. Porém não estou conseguindo. Eis o código: HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="pt-br">
<title>Conversor de Moeda</title>
<link rel="stylesheet" href="conversor.css">
</head>
<body>
<h1>Conversor</h1>
<div id="box-1">
<div id="box-2">
<div id="brl">
<input type="number" placeholder="BRL">
</div> <br><br>
<div id="usd">
<input type="number" placeholder="USD">
</div>
</div>
</div>
</body>
</html>
JavaScript:
const brlInput = document.querySelector('#brl > input');
const usdInput = document.querySelector('#usd > input');
function roundNum(num) {
return Math.round(num * 100) / 100;
}
function brlParaDolar() {
const gBrl = parseFloat(brlInput.Value);
const gUsd = gBrl * 3.22;
usdInput.value = roundNum(gUsd);
}
function usdParaBrl() {
const gUsd = parseFloat(usdInput.value);
const gBrl = gUsd / gBrl ;
}
function main() {
brlInput.addEventListener('input', brlParaDolar);
usdInput.addEventListener('input', usdParaBrl);
}
main();
Alguém pode me ajudar?