{"id":1105,"date":"2025-07-12T16:47:43","date_gmt":"2025-07-12T16:47:43","guid":{"rendered":"https:\/\/tools.qnabangla.com\/?page_id=1105"},"modified":"2025-07-12T20:25:26","modified_gmt":"2025-07-12T20:25:26","slug":"crypto-converter","status":"publish","type":"page","link":"https:\/\/qnabangla.com\/tools\/crypto-converter\/","title":{"rendered":"Real-Time Crypto Converter Tool"},"content":{"rendered":"\n<h1 class=\"wp-block-heading has-text-align-center has-larger-font-size\">Real-Time Crypto Converter<\/h1>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\"><strong>Are you looking for a real-time crypto converter?<\/strong> Use our cryptocurrency conversion tool, powered by CoinGecko. <strong>Convert cryptocurrencies and fiat currencies<\/strong> in real time with our <strong>crypto converter<\/strong> tool. It supports Bitcoin, Ethereum, and other top currencies like USD, EUR, and more.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-9683314246287741\"\n     crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-9683314246287741\"\n     data-ad-slot=\"6662914727\"\n     data-ad-format=\"horizontal\"\n     data-full-width-responsive=\"false\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<meta name=\"keywords\" content=\"crypto converter, cryptocurrency converter, crypto currency converter, Bitcoin converter, Ethereum converter, Toncoin converter\">\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n\n<style>\n  .crypto-converter {\n    \/* Reset default styles within the converter *\/\n    font-family: 'Arial', sans-serif;\n  }\n\n  .crypto-converter h2 {\n    font-size: 1.5rem;\n    line-height: 2rem;\n    font-weight: 700;\n    color: #1f2937;\n    margin-bottom: 1rem;\n    text-align: center;\n  }\n\n  .crypto-converter select,\n  .crypto-converter input {\n    padding: 0.5rem;\n    font-size: 1rem;\n    border: 1px solid #d1d5db;\n    border-radius: 0.375rem;\n    width: 100%;\n    transition: border-color 0.3s, box-shadow 0.3s;\n  }\n\n  .crypto-converter select:focus,\n  .crypto-converter input:focus {\n    outline: none;\n    border-color: #3b82f6;\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);\n  }\n\n  .crypto-converter input[type=\"number\"] {\n    -moz-appearance: textfield;\n    \/* Remove number input arrows in Firefox *\/\n  }\n\n  .crypto-converter input::-webkit-outer-spin-button,\n  .crypto-converter input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    \/* Remove number input arrows in Chrome\/Safari *\/\n    margin: 0;\n  }\n\n  .crypto-converter button#swap {\n    padding: 0.5rem 1rem;\n    font-size: 1rem;\n    background-image: linear-gradient(to right, #3b82f6, #4f46e5);\n    color: white;\n    border: none;\n    border-radius: 0.375rem;\n    cursor: pointer;\n    transition: background-image 0.3s, transform 0.2s;\n  }\n\n  .crypto-converter button#swap:hover {\n    background-image: linear-gradient(to right, #2563eb, #4338ca);\n    transform: scale(1.05);\n  }\n\n  .crypto-converter #result {\n    margin-top: 1rem;\n    font-size: 1.125rem;\n    font-weight: 600;\n    color: #1f2937;\n    text-align: center;\n  }\n\n  .crypto-converter p {\n    margin-top: 0.5rem;\n    font-size: 0.875rem;\n    color: #4b5563;\n    text-align: center;\n  }\n\n  \/* Responsive adjustments *\/\n  @media (max-width: 768px) {\n    .crypto-converter {\n      padding: 1rem;\n    }\n\n    .crypto-converter .flex {\n      flex-direction: column;\n      gap: 1rem;\n    }\n\n    .crypto-converter select,\n    .crypto-converter input {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<div class=\"crypto-converter max-lg mx-auto my-8 p-6 bg-white rounded-lg shadow-lg\">\n  <h2 class=\"text-2xl font-bold text-gray-800 mb-4 text-center\">Cryptocurrency Converter<\/h2>\n  <div class=\"flex flex-col md:flex-row items-center gap-4\">\n    <select id=\"source\" class=\"w-full md:w-1\/3 p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\" aria-label=\"Select source currency\"><\/select>\n    <input type=\"number\" id=\"amount\" value=\"1\" min=\"0\" step=\"any\" class=\"w-full md:w-1\/4 p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\" aria-label=\"Amount to convert\">\n    <button id=\"swap\" class=\"p-2 bg-gradient-to-r from-blue-500 to-indigo-600 text-white rounded-md hover:from-blue-600 hover:to-indigo-700 transition-all duration-300\" aria-label=\"Swap currencies\">\u21c4<\/button>\n    <select id=\"target\" class=\"w-full md:w-1\/3 p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\" aria-label=\"Select target currency\"><\/select>\n  <\/div>\n  <div id=\"result\" class=\"mt-4 text-lg font-semibold text-gray-800 text-center\"><\/div>\n  <p class=\"mt-2 text-sm text-gray-600 text-center\">Real-time cryptocurrency conversion powered by CoinGecko. Convert Bitcoin, Ethereum, Toncoin, and more.<\/p>\n<\/div>\n<script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"WebApplication\",\n    \"name\": \"Crypto Converter\",\n    \"description\": \"A real-time cryptocurrency converter tool for converting Bitcoin, Ethereum, Toncoin, and major fiat currencies like USD and EUR.\",\n    \"applicationCategory\": \"FinancialApplication\",\n    \"operatingSystem\": \"All\",\n    \"offers\": {\n      \"@type\": \"Offer\",\n      \"price\": \"0\",\n      \"priceCurrency\": \"USD\"\n    }\n  }\n<\/script>\n<script>\n  \/\/ Unchanged as per your request\n  let rates = null;\n  async function fetchRates() {\n    try {\n      const response = await fetch('https:\/\/api.coingecko.com\/api\/v3\/exchange_rates');\n      if (!response.ok) throw new Error('Network response was not ok');\n      const data = await response.json();\n      return data.rates;\n    } catch (error) {\n      console.error('Error fetching rates:', error);\n      document.getElementById('result').textContent = 'Error fetching data';\n      return null;\n    }\n  }\n\n  function populateSelects(rates) {\n    const sourceSelect = document.getElementById('source');\n    const targetSelect = document.getElementById('target');\n    sourceSelect.innerHTML = '';\n    targetSelect.innerHTML = '';\n    const currencies = Object.entries(rates).sort((a, b) => a[1].name.localeCompare(b[1].name));\n    for (const [key, info] of currencies) {\n      const optionText = info.type === 'crypto' ? `${info.name} (${info.unit})` : `${info.name} (${key.toUpperCase()})`;\n      const option = document.createElement('option');\n      option.value = key;\n      option.textContent = optionText;\n      sourceSelect.appendChild(option);\n      targetSelect.appendChild(option.cloneNode(true));\n    }\n  }\n\n  function updateResult() {\n    const source = document.getElementById('source').value;\n    const target = document.getElementById('target').value;\n    const amount = parseFloat(document.getElementById('amount').value);\n    if (!source || !target || isNaN(amount)) {\n      document.getElementById('result').textContent = '';\n      return;\n    }\n    if (!(source in rates) || !(target in rates)) {\n      document.getElementById('result').textContent = 'Invalid currency';\n      return;\n    }\n    const rateSource = rates[source].value;\n    const rateTarget = rates[target].value;\n    const rate = rateTarget \/ rateSource;\n    const converted = amount * rate;\n    const precision = rates[target].type === 'fiat' ? 2 : 6;\n    document.getElementById('result').textContent = converted.toFixed(precision) + ' ' + (rates[target].type === 'crypto' ? rates[target].unit : target.toUpperCase());\n  }\n  document.getElementById('source').addEventListener('change', updateResult);\n  document.getElementById('target').addEventListener('change', updateResult);\n  document.getElementById('amount').addEventListener('input', updateResult);\n  document.getElementById('swap').addEventListener('click', () => {\n    const source = document.getElementById('source');\n    const target = document.getElementById('target');\n    const temp = source.value;\n    source.value = target.value;\n    target.value = temp;\n    updateResult();\n  });\n  async function init() {\n    rates = await fetchRates();\n    if (rates) {\n      populateSelects(rates);\n      document.getElementById('source').value = 'btc';\n      document.getElementById('target').value = 'usd';\n      updateResult();\n    }\n  }\n  init();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Real-Time Crypto Converter Are you looking for a real-time crypto converter? Use our cryptocurrency conversion tool, powered by CoinGecko. Convert cryptocurrencies and fiat currencies in real time with our crypto converter tool. It supports Bitcoin, Ethereum, and other top currencies like USD, EUR, and more. Cryptocurrency Converter \u21c4 Real-time cryptocurrency conversion powered by CoinGecko. Convert&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1136,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"narrow","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-1105","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/qnabangla.com\/tools\/wp-json\/wp\/v2\/pages\/1105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qnabangla.com\/tools\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qnabangla.com\/tools\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qnabangla.com\/tools\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qnabangla.com\/tools\/wp-json\/wp\/v2\/comments?post=1105"}],"version-history":[{"count":19,"href":"https:\/\/qnabangla.com\/tools\/wp-json\/wp\/v2\/pages\/1105\/revisions"}],"predecessor-version":[{"id":1130,"href":"https:\/\/qnabangla.com\/tools\/wp-json\/wp\/v2\/pages\/1105\/revisions\/1130"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qnabangla.com\/tools\/wp-json\/wp\/v2\/media\/1136"}],"wp:attachment":[{"href":"https:\/\/qnabangla.com\/tools\/wp-json\/wp\/v2\/media?parent=1105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}