{"id":805,"date":"2026-07-21T07:54:05","date_gmt":"2026-07-21T07:54:05","guid":{"rendered":"https:\/\/aizonic.site\/?page_id=805"},"modified":"2026-07-21T07:57:52","modified_gmt":"2026-07-21T07:57:52","slug":"currency-converter","status":"publish","type":"page","link":"https:\/\/aizonic.site\/currency-converter\/","title":{"rendered":"Currency Converter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"805\" class=\"elementor elementor-805\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b230cea e-con-full e-flex e-con e-child\" data-id=\"b230cea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-88b0e0b e-con-full e-flex e-con e-child\" data-id=\"88b0e0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2591323 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"2591323\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/aizonic.site\/wp-content\/uploads\/2026\/07\/icon-currency-converter.png\" title=\"icon-currency-converter\" alt=\"icon-currency-converter\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c69e051 e-con-full e-flex e-con e-child\" data-id=\"c69e051\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-89f1c0d e-con-full e-flex e-con e-child\" data-id=\"89f1c0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c24a1a elementor-widget elementor-widget-heading\" data-id=\"4c24a1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Currency Converter<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e571cf elementor-widget elementor-widget-heading\" data-id=\"1e571cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Convert any currency in just one click<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62e91c2 e-flex e-con-boxed e-con e-parent\" data-id=\"62e91c2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3cf51e elementor-widget elementor-widget-html\" data-id=\"b3cf51e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cc-currency-converter\" class=\"cc-wrap\">\n  <style>\n    #cc-currency-converter {\n      --cc-bg: #14161a; --cc-panel: #1c1f25; --cc-border: #2c303a;\n      --cc-text: #e9ebf0; --cc-muted: #9aa0ac; --cc-accent: #5eead4; --cc-accent-dim: #1f4b45;\n      --cc-danger: #f97066;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--cc-text); max-width: 640px; margin: 0 auto; box-sizing: border-box;\n    }\n    #cc-currency-converter *, #cc-currency-converter *::before, #cc-currency-converter *::after { box-sizing: border-box; }\n    .cc-card { background: var(--cc-panel); border: 1px solid var(--cc-border); border-radius: 16px; padding: 28px; }\n    .cc-title { font-size: 20px; font-weight: 700; margin: 0 0 4px; letter-spacing: -0.01em; }\n    .cc-subtitle { font-size: 14px; color: var(--cc-muted); margin: 0 0 20px; }\n    .cc-row { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }\n    .cc-field { flex: 1; min-width: 140px; }\n    .cc-label { display: block; font-size: 12px; color: var(--cc-muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.04em; }\n    .cc-input, .cc-select {\n      width: 100%; background: var(--cc-bg); border: 1px solid var(--cc-border); color: var(--cc-text);\n      border-radius: 8px; padding: 10px; font-size: 15px;\n    }\n    .cc-input:focus, .cc-select:focus { outline: 1px solid var(--cc-accent); }\n    .cc-swap-btn {\n      background: var(--cc-bg); border: 1px solid var(--cc-border); color: var(--cc-accent);\n      border-radius: 8px; width: 40px; height: 40px; font-size: 16px; cursor: pointer; flex-shrink: 0;\n    }\n    .cc-swap-btn:hover { border-color: var(--cc-accent); }\n    .cc-result {\n      margin-top: 22px; background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: 12px;\n      padding: 20px; text-align: center;\n    }\n    .cc-result-val { font-size: 30px; font-weight: 700; color: var(--cc-accent); word-break: break-word; }\n    .cc-result-rate { font-size: 12px; color: var(--cc-muted); margin-top: 6px; }\n    .cc-status { font-size: 12px; color: var(--cc-muted); margin-top: 12px; text-align: center; }\n    .cc-status.cc-error { color: var(--cc-danger); }\n  <\/style>\n  <div class=\"cc-card\">\n    <p class=\"cc-title\">Currency Converter<\/p>\n    <p class=\"cc-subtitle\">Convert between currencies using live exchange rates.<\/p>\n\n    <div class=\"cc-row\">\n      <div class=\"cc-field\">\n        <label class=\"cc-label\" for=\"ccAmount\">Amount<\/label>\n        <input class=\"cc-input\" id=\"ccAmount\" type=\"number\" value=\"100\" min=\"0\">\n      <\/div>\n      <div class=\"cc-field\">\n        <label class=\"cc-label\" for=\"ccFrom\">From<\/label>\n        <select class=\"cc-select\" id=\"ccFrom\"><\/select>\n      <\/div>\n      <button class=\"cc-swap-btn\" id=\"ccSwapBtn\" title=\"Swap\">\u21c4<\/button>\n      <div class=\"cc-field\">\n        <label class=\"cc-label\" for=\"ccTo\">To<\/label>\n        <select class=\"cc-select\" id=\"ccTo\"><\/select>\n      <\/div>\n    <\/div>\n\n    <div class=\"cc-result\">\n      <div class=\"cc-result-val\" id=\"ccResultVal\">\u2014<\/div>\n      <div class=\"cc-result-rate\" id=\"ccResultRate\"><\/div>\n    <\/div>\n    <p class=\"cc-status\" id=\"ccStatus\">Loading exchange rates\u2026<\/p>\n  <\/div>\n<\/div>\n<script>\n(function () {\n  const wrap = document.getElementById('cc-currency-converter');\n  const amountInput = wrap.querySelector('#ccAmount');\n  const fromSelect = wrap.querySelector('#ccFrom');\n  const toSelect = wrap.querySelector('#ccTo');\n  const swapBtn = wrap.querySelector('#ccSwapBtn');\n  const resultVal = wrap.querySelector('#ccResultVal');\n  const resultRate = wrap.querySelector('#ccResultRate');\n  const statusEl = wrap.querySelector('#ccStatus');\n\n  const currencies = ['USD','EUR','GBP','PKR','INR','AED','SAR','JPY','CNY','AUD','CAD','CHF','SGD','MYR','BDT','TRY','ZAR','NGN','BRL','RUB'];\n  currencies.forEach(c => {\n    const o1 = document.createElement('option'); o1.value = c; o1.textContent = c;\n    const o2 = document.createElement('option'); o2.value = c; o2.textContent = c;\n    fromSelect.appendChild(o1);\n    toSelect.appendChild(o2);\n  });\n  fromSelect.value = 'USD';\n  toSelect.value = 'PKR';\n\n  let rates = null;\n  let ratesBase = null;\n\n  async function loadRates(base) {\n    statusEl.textContent = 'Loading exchange rates\u2026';\n    statusEl.classList.remove('cc-error');\n    try {\n      const res = await fetch(`https:\/\/open.er-api.com\/v6\/latest\/${base}`);\n      const data = await res.json();\n      if (data.result !== 'success') throw new Error('bad response');\n      rates = data.rates;\n      ratesBase = base;\n      statusEl.textContent = 'Rates updated: ' + (data.time_last_update_utc || 'just now');\n      convert();\n    } catch (err) {\n      statusEl.textContent = \"Couldn't load live rates. Check your internet connection and try again.\";\n      statusEl.classList.add('cc-error');\n      resultVal.textContent = '\u2014';\n      resultRate.textContent = '';\n    }\n  }\n\n  function convert() {\n    if (!rates || ratesBase !== fromSelect.value) { loadRates(fromSelect.value); return; }\n    const amount = parseFloat(amountInput.value) || 0;\n    const rate = rates[toSelect.value];\n    if (!rate) { resultVal.textContent = '\u2014'; return; }\n    const converted = amount * rate;\n    resultVal.textContent = converted.toLocaleString(undefined, { maximumFractionDigits: 2 }) + ' ' + toSelect.value;\n    resultRate.textContent = `1 ${fromSelect.value} = ${rate.toLocaleString(undefined, { maximumFractionDigits: 4 })} ${toSelect.value}`;\n  }\n\n  amountInput.addEventListener('input', convert);\n  fromSelect.addEventListener('change', convert);\n  toSelect.addEventListener('change', convert);\n  swapBtn.addEventListener('click', () => {\n    const tmp = fromSelect.value;\n    fromSelect.value = toSelect.value;\n    toSelect.value = tmp;\n    convert();\n  });\n\n  loadRates(fromSelect.value);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Currency Converter Convert any currency in just one click Currency Converter Convert between currencies using live exchange rates. Amount From [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-805","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages\/805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/comments?post=805"}],"version-history":[{"count":4,"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages\/805\/revisions"}],"predecessor-version":[{"id":811,"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages\/805\/revisions\/811"}],"wp:attachment":[{"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/media?parent=805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}