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 ditekan
convertButton.addEventListener('click', () => {
  autoConvert = true; // Aktifkan auto-convert
  convertCurrency(); // Lakukan konversi
  hideConvertButton(); // Sembunyikan tombol Convert
});

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

  if (autoConvert) {
    convertCurrency(); // Lakukan konversi otomatis setelah swap
  } else {
    clearResult(); // Hapus hasil jika auto-convert tidak aktif
  }
});

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

  element.addEventListener('change', () => {
    resetAutoConvert(); // Reset auto-convert saat dropdown berubah
  });
});

// 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);
  }
}

// Fungsi untuk menyembunyikan tombol Convert
function hideConvertButton() {
  convertButton.style.display = 'none';
}

// Fungsi untuk menampilkan tombol Convert
function showConvertButton() {
  convertButton.style.display = 'block';
}

// Fungsi untuk menghapus hasil konversi
function clearResult() {
  resultDiv.innerHTML = '';
}

// Fungsi untuk mereset status auto-convert
function resetAutoConvert() {
  autoConvert = false; // Nonaktifkan auto-convert
  showConvertButton(); // Tampilkan kembali tombol Convert
  clearResult(); // Hapus hasil sebelumnya
}