conversor-monedas-personalizado/script.js

Un conversor de monedas simple con tasas de cambio actualizadas.

document.getElementById('monedaForm').addEventListener('submit', function(e) {
    e.preventDefault();

    // Obtener valores de los campos
    let moneda1 = document.getElementById('moneda1').value;
    let cantidad = parseFloat(document.getElementById('cantidad').value);
    let moneda2 = document.getElementById('moneda2').value;

    // Utilizar API para obtener tasa de cambio actual
    fetch(`https://api.exchangerate-api.com/v4/latest/${moneda1}`)
    .then(res => res.json())
    .then(data => {
        const tasaCambio = data.rates[moneda2];

        // Mostrar tasa de cambio
        document.getElementById('tasaCambio').innerText = `1 ${moneda1} = ${tasaCambio} ${moneda2}`;

        // Realizar la conversión
        let resultado = cantidad * tasaCambio;

        // Mostrar el resultado
        document.getElementById('resultado').innerText = `${cantidad} ${moneda1} son ${resultado.toFixed(2)} ${moneda2}`;
    })
    .catch(error => console.error('Error:', error));
});