script.js

const amountInput = document.getElementById('amount');
const fromCurrency = document.getElementById('fromCurrency');
const toCurrency = document.getElementById('toCurrency');
const swapButton = document.getElementById('swapButton');
const convertButton = document.getElementById('convertButton');
const resultDiv = document.getElementById('result');

// Status konversi otomatis
let autoConvert = false;

// Tombol convert pertama kali
convertButton.addEventListener('click', () => {
  autoConvert = true; // Aktifkan konversi otomatis
  convertCurrency(); // Lakukan konversi pertama kali
  convertButton.style.display = 'none'; // Sembunyikan tombol
});

// Swap mata uang
swapButton.addEventListener('click', async () => {
  const temp = fromCurrency.value;
  fromCurrency.value = toCurrency.value;
  toCurrency.value = temp;

  // Lakukan konversi langsung jika autoConvert aktif
  if (autoConvert) {
    convertCurrency();
  } else {
    // Jika belum autoConvert, kosongkan hasil
    resultDiv.innerHTML = '';
  }
});

// Pantau perubahan input atau dropdown
[amountInput, fromCurrency, toCurrency].forEach((element) => {
  element.addEventListener('input', () => {
    if (autoConvert) {
      convertCurrency(); // Konversi otomatis saat autoConvert aktif
    }
  });

  element.addEventListener('change', () => {
    // Tampilkan tombol Convert jika ada perubahan manual
    autoConvert = false;
    convertButton.style.display = 'block';
    resultDiv.innerHTML = '';
  });
});

// Fungsi konversi
async function convertCurrency() {
  const amount = amountInput.value;
  const from = fromCurrency.value;
  const to = toCurrency.value;

  // Validasi input
  if (!amount || amount <= 0) {
    resultDiv.innerHTML = 'Please enter a valid amount.';
    return;
  }

  try {
    const apiKey = '3ebe2ccf9eeea2aaef280201';
    const url = `https://v6.exchangerate-api.com/v6/${apiKey}/latest/${from}`;
    const response = await fetch(url);
    const data = await response.json();

    if (data.result === 'success') {
      const rate = data.conversion_rates[to];
      const convertedAmount = (amount * rate).toFixed(2);
      resultDiv.innerHTML = `${amount} ${from} = ${convertedAmount} ${to}`;
    } else {
      resultDiv.innerHTML = `Error: ${data['error-type']}`;
    }
  } catch (error) {
    resultDiv.innerHTML = 'Error fetching conversion rate.';
    console.error(error);
  }
}