me estoy iniciando en la programación de javascrip y me han dado un ejercicio de conversión en este caso es solo usando 2 opciones de cambio, y la idea es que se pueda hacer a la viceversa. He recorrido todo el stack tanto en español como inglés para ver si habia una pregunta similar pero los ejemplos que habian no me han servido o no he sabido como aplicarlo.
Errores que de los que estoy conciente: llamado de los documents y las propiedades de innerHTLM, el onclick de button tambien me da null.
Hasta ahora esto es lo que tengo:
Html
<div class="container">
<header>Convertidor</header>
<form action="#">
<div class="amount-box">
<p>Ingresar monto</p>
<input type="text" value="1" id="amount">
</div>
<div class="options">
<!--Desde-->
<div class="from-box">
<p>De</p>
<div class="select-box">
<select id="from" onchange="convert()">
<option value="1">USD</option>
<option value="2">ARS</option>
</select>
</div>
</div>
<div class="img">
<i class="fa-solid fa-arrow-right"></i>
</div>
<!--a-->
<div class="to-box">
<p>A</p>
<div class="select-box">
<select id="to" onchange="convert()">
<option value="2">ARS</option>
<option value="1">USD</option>
</select>
</div>
</div>
<!---->
</div>
<span class="exc-ra"></span>
<button onclick="convert()">Convertir</button>
</form>
</div>
JS
function convert() {
let amount = parseInt(document.getElementById("amount")).value;
let from = document.getElementById("from").value;
let to = document.getElementById("to").value;
const usd = 1;
const ars = 300;
let result = 0;
if (from === 1 && to === 2) {
result = amount * usd;
} else if (from === 2 && to === 1) {
result = amount / ars;
} else {
result = amount;
}
document.getElementById("exc-ra").innerHTML = '$' + result;
}
let amount = parseInt( document.getElementById( "amount" )).value;
el paréntesis debe ir después delvalue
osealet amount = parseInt( document.getElementById( "amount" ).value );
, ya que estás parseando lo que devuelvevalue
.