diff --git a/Currency Converter/app.js b/Currency Converter/app.js deleted file mode 100644 index d397814..0000000 --- a/Currency Converter/app.js +++ /dev/null @@ -1,82 +0,0 @@ -const BASE_URL = "https://cdn.jsdelivr.net/gh/fawazahmed0/currency-api@1/latest/currencies"; -const dropdowns = document.querySelectorAll(".dropdown select"); -const btn = document.querySelector("form button"); -const fromCurr = document.querySelector(".from select"); -const toCurr = document.querySelector(".to select"); -const msg = document.querySelector(".msg"); - -// Function to update exchange rate -const updateExchangeRate = async () => { - try { - let amount = document.querySelector(".amount input"); - let amtVal = amount.value; - if (amtVal === "" || amtVal < 1) { - amtVal = 1; - amount.value = "1"; - } - - // Updated URL construction - const URL = `https://api.exchangerate-api.com/v4/latest/${fromCurr.value}`; - - let response = await fetch(URL); - if (!response.ok) { - throw new Error("Failed to fetch exchange rate data"); - } - let data = await response.json(); - let rate = data.rates[toCurr.value]; - if (!rate) { - throw new Error("Invalid exchange rate data"); - } - let finalAmount = amtVal * rate; - msg.innerText = `${amtVal} ${fromCurr.value} = ${finalAmount} ${toCurr.value}`; - } catch (error) { - console.error(error); - msg.innerText = "Failed to fetch exchange rate data"; - } -}; - -// Function to update flag -const updateFlag = (element) => { - let currCode = element.value; - let countryCode = countryList[currCode]; - if (countryCode) { - let newSrc = `https://flagsapi.com/${countryCode}/flat/64.png`; - let img = element.parentElement.querySelector("img"); - img.src = newSrc; - } -}; - -// Event listeners for dropdowns -for (let select of dropdowns) { - for (currCode in countryList) { - let newOption = document.createElement("option"); - newOption.innerText = currCode; - newOption.value = currCode; - if (select.name === "from" && currCode === "USD") { - newOption.selected = "selected"; - } else if (select.name === "to" && currCode === "INR") { - newOption.selected = "selected"; - } - select.append(newOption); - } - - select.addEventListener("change", (evt) => { - updateFlag(evt.target); - }); -} - -// Event listener for button click -btn.addEventListener("click", (evt) => { - evt.preventDefault(); - updateExchangeRate(); -}); - -// Initial exchange rate update on window load -window.addEventListener("load", () => { - updateExchangeRate(); -}); - - - - - diff --git a/Currency Converter/codes.js b/Currency Converter/codes.js deleted file mode 100644 index db3a325..0000000 --- a/Currency Converter/codes.js +++ /dev/null @@ -1,161 +0,0 @@ -const countryList = { - AED: "AE", - AFN: "AF", - XCD: "AG", - ALL: "AL", - AMD: "AM", - ANG: "AN", - AOA: "AO", - AQD: "AQ", - ARS: "AR", - AUD: "AU", - AZN: "AZ", - BAM: "BA", - BBD: "BB", - BDT: "BD", - XOF: "BE", - BGN: "BG", - BHD: "BH", - BIF: "BI", - BMD: "BM", - BND: "BN", - BOB: "BO", - BRL: "BR", - BSD: "BS", - NOK: "BV", - BWP: "BW", - BYR: "BY", - BZD: "BZ", - CAD: "CA", - CDF: "CD", - XAF: "CF", - CHF: "CH", - CLP: "CL", - CNY: "CN", - COP: "CO", - CRC: "CR", - CUP: "CU", - CVE: "CV", - CYP: "CY", - CZK: "CZ", - DJF: "DJ", - DKK: "DK", - DOP: "DO", - DZD: "DZ", - ECS: "EC", - EEK: "EE", - EGP: "EG", - ETB: "ET", - EUR: "FR", - FJD: "FJ", - FKP: "FK", - GBP: "GB", - GEL: "GE", - GGP: "GG", - GHS: "GH", - GIP: "GI", - GMD: "GM", - GNF: "GN", - GTQ: "GT", - GYD: "GY", - HKD: "HK", - HNL: "HN", - HRK: "HR", - HTG: "HT", - HUF: "HU", - IDR: "ID", - ILS: "IL", - INR: "IN", - IQD: "IQ", - IRR: "IR", - ISK: "IS", - JMD: "JM", - JOD: "JO", - JPY: "JP", - KES: "KE", - KGS: "KG", - KHR: "KH", - KMF: "KM", - KPW: "KP", - KRW: "KR", - KWD: "KW", - KYD: "KY", - KZT: "KZ", - LAK: "LA", - LBP: "LB", - LKR: "LK", - LRD: "LR", - LSL: "LS", - LTL: "LT", - LVL: "LV", - LYD: "LY", - MAD: "MA", - MDL: "MD", - MGA: "MG", - MKD: "MK", - MMK: "MM", - MNT: "MN", - MOP: "MO", - MRO: "MR", - MTL: "MT", - MUR: "MU", - MVR: "MV", - MWK: "MW", - MXN: "MX", - MYR: "MY", - MZN: "MZ", - NAD: "NA", - XPF: "NC", - NGN: "NG", - NIO: "NI", - NPR: "NP", - NZD: "NZ", - OMR: "OM", - PAB: "PA", - PEN: "PE", - PGK: "PG", - PHP: "PH", - PKR: "PK", - PLN: "PL", - PYG: "PY", - QAR: "QA", - RON: "RO", - RSD: "RS", - RUB: "RU", - RWF: "RW", - SAR: "SA", - SBD: "SB", - SCR: "SC", - SDG: "SD", - SEK: "SE", - SGD: "SG", - SKK: "SK", - SLL: "SL", - SOS: "SO", - SRD: "SR", - STD: "ST", - SVC: "SV", - SYP: "SY", - SZL: "SZ", - THB: "TH", - TJS: "TJ", - TMT: "TM", - TND: "TN", - TOP: "TO", - TRY: "TR", - TTD: "TT", - TWD: "TW", - TZS: "TZ", - UAH: "UA", - UGX: "UG", - USD: "US", - UYU: "UY", - UZS: "UZ", - VEF: "VE", - VND: "VN", - VUV: "VU", - YER: "YE", - ZAR: "ZA", - ZMK: "ZM", - ZWD: "ZW", - }; \ No newline at end of file diff --git a/Currency Converter/index.html b/Currency Converter/index.html deleted file mode 100644 index 8f81b3b..0000000 --- a/Currency Converter/index.html +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - Currency Converter - - - - -
-

Currency Converter

-
-
-

Enter Amount

- -
-
-
-

From

-
- - -
-
- -
-

To

-
- - -
-
-
-
1USD = 80INR
- -
- -
-

Design and Developed by echoaditya

-
-
- - - - - \ No newline at end of file diff --git a/Currency Converter/style.css b/Currency Converter/style.css deleted file mode 100644 index f647c18..0000000 --- a/Currency Converter/style.css +++ /dev/null @@ -1,89 +0,0 @@ -* { - margin: 0; - padding: 0; - } - - body { - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - background-color:coral; - } - - .container { - background-color: #fff; - padding: 2rem; - border-radius: 1rem; - min-height: 45vh; - width: 40vh; - } - - form { - margin: 2rem 0 1rem 0; - } - - form select, - button, - input { - width: 100%; - border: none; - outline: none; - border-radius: 0.75rem; - } - - form input { - border: 1px solid lightgray; - font-size: 1rem; - height: 3rem; - padding-left: 0.5rem; - } - - .dropdown { - display: flex; - justify-content: space-between; - align-items: center; - margin-top: 2rem; - } - - .dropdown i { - font-size: 1.5rem; - margin-top: 1rem; - } - - .select-container img { - max-width: 2rem; - } - - .select-container { - display: flex; - justify-content: center; - align-items: center; - width: 6rem; - border-radius: 0.5rem; - border: 1px solid lightgray; - } - - .select-container select { - font-size: 1rem; - width: auto; - } - - .msg { - margin: 2rem 0 2rem 0; - } - - form button { - height: 3rem; - background-color: #af4d98; - color: #fff; - font-size: 1.15rem; - cursor: pointer; - } - .developer{ - display: felx; - text-align: center; - justify-content: center; - padding: 40px; - - } \ No newline at end of file