Update script.js

script.js

@@ -1,74 +1,61 @@
-const amountInput = document.getElementById('amount');
-const fromCurrency = document.getElementById('fromCurrency');
-const toCurrency = document.getElementById('toCurrency');
-const swapButton = document.getElementById('swapButton');
-const convertButton = document.querySelector('.convert-button'); // Disesuaikan dengan kelas tombol
-const resultDiv = document.getElementById('result');
+// Fungsi untuk menangani submit form
+document.getElementById('currencyForm').addEventListener('submit', async function (event) {
+  event.preventDefault();
 
-// Status konversi otomatis
-let autoConvert = false;
+  const amount = document.getElementById('amount').value;
+  const fromCurrency = document.getElementById('fromCurrency').value;
+  const toCurrency = document.getElementById('toCurrency').value;
+  const resultDiv = document.getElementById('result');
 
-// Tombol convert pertama kali
-convertButton.addEventListener('click', () => {
-  autoConvert = true; // Aktifkan konversi otomatis
-  convertCurrency();
-  convertButton.style.display = 'none'; // Sembunyikan tombol
-});
-
-// Swap mata uang
-swapButton.addEventListener('click', () => {
-  const temp = fromCurrency.value;
-  fromCurrency.value = toCurrency.value;
-  toCurrency.value = temp;
+  // Validasi input amount
+  if (!amount || amount <= 0) {
+    resultDiv.innerHTML = "Please enter a valid amount!";
+    return;
+  }
 
-  // Reset tombol dan hasil
-  autoConvert = false;
-  convertButton.style.display = 'block';
-  resultDiv.innerHTML = '';
+  await convertCurrency(amount, fromCurrency, toCurrency, resultDiv);
 });
 
-// Input perubahan
-[amountInput, fromCurrency, toCurrency].forEach(element => {
-  element.addEventListener('input', () => {
-    if (autoConvert) {
-      convertCurrency(); // Konversi otomatis
-    }
-  });
+// Fungsi untuk menangani tombol swap
+document.getElementById('swapButton').addEventListener('click', async function () {
+  const fromCurrency = document.getElementById('fromCurrency');
+  const toCurrency = document.getElementById('toCurrency');
+  const resultDiv = document.getElementById('result');
 
-  element.addEventListener('change', () => {
-    // Tampilkan tombol jika mata uang diubah
-    autoConvert = false;
-    convertButton.style.display = 'block';
-    resultDiv.innerHTML = '';
-  });
-});
+  // Tukar mata uang
+  const tempCurrency = fromCurrency.value;
+  fromCurrency.value = toCurrency.value;
+  toCurrency.value = tempCurrency;
 
-// Fungsi konversi
-async function convertCurrency() {
-  const amount = amountInput.value;
-  const from = fromCurrency.value;
-  const to = toCurrency.value;
+  // Ambil nilai amount
+  const amount = document.getElementById('amount').value;
 
-  if (!amount || amount <= 0) {
-    resultDiv.innerHTML = 'Please enter a valid amount.';
-    return;
+  if (amount && amount > 0) {
+    await convertCurrency(amount, fromCurrency.value, toCurrency.value, resultDiv);
+  } else {
+    resultDiv.innerHTML = "";
   }
+});
 
+// Fungsi konversi mata uang
+async function convertCurrency(amount, fromCurrency, toCurrency, resultDiv) {
   try {
     const apiKey = '3ebe2ccf9eeea2aaef280201';
-    const url = `https://v6.exchangerate-api.com/v6/${apiKey}/latest/${from}`;
+    const url = `https://v6.exchangerate-api.com/v6/${apiKey}/latest/${fromCurrency}`;
+
+    // Fetch data dari API
     const response = await fetch(url);
     const data = await response.json();
 
     if (data.result === 'success') {
-      const rate = data.conversion_rates[to];
+      const rate = data.conversion_rates[toCurrency];
       const convertedAmount = (amount * rate).toFixed(2);
-      resultDiv.innerHTML = `${amount} ${from} = ${convertedAmount} ${to}`;
+      resultDiv.innerHTML = `${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`;
     } else {
       resultDiv.innerHTML = `Error: ${data['error-type']}`;
     }
   } catch (error) {
-    resultDiv.innerHTML = 'Error fetching conversion rate.';
-    console.error(error);
+    resultDiv.innerHTML = "Error fetching conversion rate.";
+    console.error("Error:", error);
   }
 }