{"id":214,"date":"2026-04-22T06:47:31","date_gmt":"2026-04-22T06:47:31","guid":{"rendered":"https:\/\/investingora.com\/?page_id=214"},"modified":"2026-04-22T06:47:31","modified_gmt":"2026-04-22T06:47:31","slug":"convert","status":"publish","type":"page","link":"https:\/\/investingora.com\/pt\/convert\/","title":{"rendered":"Converter"},"content":{"rendered":"\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div style=\"background:#f2f2f2;padding:20px;font-family:Arial\">\n\n<h2 style=\"margin-bottom:15px\">Currency Converter<\/h2>\n\n<div style=\"background:#fff;padding:20px;border:1px solid #ccc\">\n\n<div style=\"display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap\">\n\n<!-- LEFT -->\n<div style=\"flex:1;min-width:250px\">\n\n<div style=\"border:1px solid #ccc;padding:10px;background:#fafafa\">\n\n<div style=\"display:flex;align-items:center;gap:8px;margin-bottom:10px\">\n<img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\" width=\"24\">\n<span>D\u00f3lar Americano<\/span>\n<b>USD<\/b>\n<\/div>\n\n<input id=\"usd\" type=\"number\" value=\"1\"\nstyle=\"width:100%;padding:10px;font-size:18px;border:1px solid #ccc\">\n\n<\/div>\n\n<p style=\"font-size:12px;color:#666;margin-top:5px\" id=\"rate1\">\n1 USD = &#8230;\n<\/p>\n\n<\/div>\n\n<!-- CENTER -->\n<div style=\"display:flex;align-items:center;justify-content:center\">\n<button onclick=\"swap()\" style=\"padding:10px;border:none;background:#ddd;cursor:pointer\">\n\u21c4\n<\/button>\n<\/div>\n\n<!-- RIGHT -->\n<div style=\"flex:1;min-width:250px\">\n\n<div style=\"border:1px solid #ccc;padding:10px;background:#fafafa\">\n\n<div style=\"display:flex;align-items:center;gap:8px;margin-bottom:10px\">\n<img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/br.png\" width=\"24\">\n<span>Real Brasileiro<\/span>\n<b>BRL<\/b>\n<\/div>\n\n<input id=\"brl\" type=\"number\"\nstyle=\"width:100%;padding:10px;font-size:18px;border:1px solid #ccc\">\n\n<\/div>\n\n<p style=\"font-size:12px;color:#666;margin-top:5px\" id=\"rate2\">\n1 BRL = &#8230;\n<\/p>\n\n<\/div>\n\n<\/div>\n\n<!-- FOOTER -->\n<div style=\"margin-top:15px;font-size:12px;color:#555;display:flex;justify-content:space-between\">\n\n<div>\n\ud83d\udce5 Download de dados hist\u00f3ricos\n<\/div>\n\n<div>\nData: <input type=\"date\" value=\"2026-04-22\">\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<script>\n\nlet rate = 0;\n\n\/\/ API REAL\nasync function load(){\n\n  const res = await fetch(\"https:\/\/open.er-api.com\/v6\/latest\/USD\");\n  const data = await res.json();\n\n  rate = data.rates.BRL;\n\n  update();\n\n}\n\nfunction update(){\n\n  const usd = document.getElementById(\"usd\").value;\n  const brl = usd * rate;\n\n  document.getElementById(\"brl\").value = brl.toFixed(4);\n\n  document.getElementById(\"rate1\").innerText =\n    `1 USD = ${rate.toFixed(4)} BRL`;\n\n  document.getElementById(\"rate2\").innerText =\n    `1 BRL = ${(1\/rate).toFixed(4)} USD`;\n\n}\n\n\/\/ INPUT LIVE\ndocument.getElementById(\"usd\").addEventListener(\"input\", update);\n\n\/\/ SWAP (simples)\nfunction swap(){\n\n  let usd = document.getElementById(\"usd\").value;\n  let brl = document.getElementById(\"brl\").value;\n\n  document.getElementById(\"usd\").value = brl;\n  document.getElementById(\"brl\").value = usd;\n\n}\n\n\/\/ INIT\nload();\n\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"background:#f2f2f2;padding:15px;font-family:Arial;max-width:600px\">\n\n<!-- TABS -->\n<div style=\"display:flex;gap:15px;margin-bottom:10px;font-weight:bold\">\n<span style=\"border-bottom:2px solid #000\">\u00cdndices<\/span>\n<span>Commodities<\/span>\n<span>Moedas<\/span>\n<span>A\u00e7\u00f5es<\/span>\n<\/div>\n\n<!-- TIME FILTER -->\n<div style=\"display:flex;gap:10px;font-size:12px;margin-bottom:10px\">\n<span style=\"font-weight:bold;border-bottom:2px solid #000\">1D<\/span>\n<span>1S<\/span>\n<span>1M<\/span>\n<span>6M<\/span>\n<span>1A<\/span>\n<span>5A<\/span>\n<span>M\u00e1x<\/span>\n<\/div>\n\n<!-- CHART -->\n<canvas id=\"chartIndice\" height=\"120\"><\/canvas>\n\n<!-- LIST -->\n<div id=\"list\" style=\"margin-top:10px\"><\/div>\n\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<script>\n\n\/\/ =======================\n\/\/ DADOS (PODE VIR DE API)\n\/\/ =======================\n\nconst ativos = [\n  {nome:\"Ibovespa\", valor:196132, change:0.20},\n  {nome:\"Ibovespa Futuros\", valor:200186, change:0.11},\n  {nome:\"US 500\", valor:7106, change:0.59},\n  {nome:\"US 30\", valor:49419, change:0.55},\n  {nome:\"S&P 500 VIX\", valor:19.5, change:3.34},\n  {nome:\"Bitcoin Futuro\", valor:78097, change:3.05},\n  {nome:\"\u00cdndice D\u00f3lar\", valor:98.102, change:-0.12}\n];\n\n\/\/ =======================\n\/\/ LIST RENDER\n\/\/ =======================\n\nfunction renderList(){\n\n  const container = document.getElementById(\"list\");\n  container.innerHTML = \"\";\n\n  ativos.forEach(a => {\n\n    const color = a.change >= 0 ? \"green\" : \"red\";\n    const icon = a.change >= 0 ? \"\ud83d\udfe2\" : \"\ud83d\udd34\";\n\n    container.innerHTML += `\n    <div style=\"display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #ddd\">\n\n      <span>${a.nome}<\/span>\n\n      <span>\n        ${a.valor.toLocaleString()}\n        <span style=\"color:${color}\">\n          ${a.change >= 0 ? \"+\" : \"\"}${a.change}%\n        <\/span>\n        ${icon}\n      <\/span>\n\n    <\/div>\n    `;\n  });\n\n}\n\nrenderList();\n\n\/\/ =======================\n\/\/ CHART\n\/\/ =======================\n\nconst data = [195,197,196,198,199,200,198,197,196,197];\n\nnew Chart(document.getElementById(\"chartIndice\"),{\n  type:\"line\",\n  data:{\n    labels:[\"10:00\",\"11:00\",\"12:00\",\"13:00\",\"14:00\",\"15:00\"],\n    datasets:[{\n      data:data,\n      borderColor:\"#4a90e2\",\n      backgroundColor:\"rgba(74,144,226,0.15)\",\n      fill:true\n    }]\n  },\n  options:{\n    plugins:{legend:{display:false}},\n    scales:{\n      x:{display:true},\n      y:{display:false}\n    }\n  }\n});\n\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n\n\n\n<div style=\"background:#f2f2f2;padding:15px;font-family:Arial;max-width:600px\">\n\n<!-- TABS -->\n<div style=\"display:flex;gap:15px;margin-bottom:10px;font-weight:bold\">\n<span style=\"border-bottom:2px solid #000\">\u00cdndices<\/span>\n<span>Commodities<\/span>\n<span>Moedas<\/span>\n<span>A\u00e7\u00f5es<\/span>\n<\/div>\n\n<!-- TIME FILTER -->\n<div style=\"display:flex;gap:10px;font-size:12px;margin-bottom:10px\">\n<span style=\"font-weight:bold;border-bottom:2px solid #000\">1D<\/span>\n<span>1S<\/span>\n<span>1M<\/span>\n<span>6M<\/span>\n<span>1A<\/span>\n<span>5A<\/span>\n<span>M\u00e1x<\/span>\n<\/div>\n\n<!-- CHART REAL (TRADINGVIEW) -->\n<iframe \nsrc=\"https:\/\/s.tradingview.com\/widgetembed\/?symbol=BMFBOVESPA:IBOV&#038;interval=5&#038;theme=light\"\nwidth=\"100%\" height=\"200\" frameborder=\"0\">\n<\/iframe>\n\n<!-- LIST REAL (TRADINGVIEW MARKET OVERVIEW) -->\n<iframe \nsrc=\"https:\/\/s.tradingview.com\/embed-widget\/market-overview\/?locale=br#%7B%22tabs%22%3A%5B%7B%22title%22%3A%22\u00cdndices%22%2C%22symbols%22%3A%5B%7B%22s%22%3A%22BMFBOVESPA%3AIBOV%22%2C%22d%22%3A%22Ibovespa%22%7D%2C%7B%22s%22%3A%22SP%3ASPX%22%2C%22d%22%3A%22S%26P%20500%22%7D%2C%7B%22s%22%3A%22DJ%3ADJI%22%2C%22d%22%3A%22Dow%20Jones%22%7D%2C%7B%22s%22%3A%22NASDAQ%3AIXIC%22%2C%22d%22%3A%22Nasdaq%22%7D%2C%7B%22s%22%3A%22CBOE%3AVIX%22%2C%22d%22%3A%22VIX%22%7D%2C%7B%22s%22%3A%22BINANCE%3ABTCUSDT%22%2C%22d%22%3A%22Bitcoin%22%7D%2C%7B%22s%22%3A%22TVC%3ADXY%22%2C%22d%22%3A%22\u00cdndice%20D\u00f3lar%22%7D%5D%7D%5D%2C%22colorTheme%22%3A%22light%22%2C%22showChart%22%3Afalse%2C%22width%22%3A%22100%25%22%2C%22height%22%3A%22400%22%7D\"\nwidth=\"100%\" height=\"400\" frameborder=\"0\">\n<\/iframe>\n\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"tradingview-widget-container\">\n  <div id=\"tradingview_chart\"><\/div>\n\n  <script src=\"https:\/\/s3.tradingview.com\/tv.js\"><\/script>\n\n  <script>\n  new TradingView.widget({\n    \"width\": \"100%\",\n    \"height\": 400,\n    \"symbol\": \"FX_IDC:USDBRL\",\n    \"interval\": \"D\",\n    \"theme\": \"light\",\n    \"style\": \"1\",\n    \"locale\": \"br\",\n    \"container_id\": \"tradingview_chart\"\n  });\n  <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Currency Converter D\u00f3lar Americano USD 1 USD = &#8230; \u21c4 Real Brasileiro BRL 1 BRL = &#8230; \ud83d\udce5 Download de dados hist\u00f3ricos Data: \u00cdndices Commodities Moedas A\u00e7\u00f5es 1D 1S 1M 6M 1A 5A M\u00e1x \u00cdndices Commodities Moedas A\u00e7\u00f5es 1D 1S 1M 6M 1A 5A M\u00e1x<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-214","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/investingora.com\/pt\/wp-json\/wp\/v2\/pages\/214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/investingora.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/investingora.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/investingora.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/investingora.com\/pt\/wp-json\/wp\/v2\/comments?post=214"}],"version-history":[{"count":19,"href":"https:\/\/investingora.com\/pt\/wp-json\/wp\/v2\/pages\/214\/revisions"}],"predecessor-version":[{"id":233,"href":"https:\/\/investingora.com\/pt\/wp-json\/wp\/v2\/pages\/214\/revisions\/233"}],"wp:attachment":[{"href":"https:\/\/investingora.com\/pt\/wp-json\/wp\/v2\/media?parent=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}