{"id":18408,"date":"2025-03-27T17:09:05","date_gmt":"2025-03-27T17:09:05","guid":{"rendered":"https:\/\/rbpapeis.com.br\/?page_id=18408"},"modified":"2025-03-27T18:41:33","modified_gmt":"2025-03-27T18:41:33","slug":"dolar","status":"publish","type":"page","link":"https:\/\/rbpapeis.com.br\/en\/dolar\/","title":{"rendered":"Dolar"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"18408\" class=\"elementor elementor-18408\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c096f99 e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"c096f99\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0d52d4 elementor-widget elementor-widget-html\" data-id=\"d0d52d4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div id=\"cotacao-container\">\r\n\r\n\r\n        <div id=\"conversor\">\r\n            <div class=\"containerInputConvert\">\r\n\r\n                <label for=\"valor-input\" id=\"label-input\">\r\n                    <img decoding=\"async\" class=\"flagConvert\" src=\"https:\/\/flagcdn.com\/w40\/us.png\" alt=\"EUA\"> Converter\r\n                    (D\u00f3lares):\r\n                <\/label>\r\n                <input type=\"number\" id=\"valor-input\" placeholder=\"1.00\" value=\"1\" oninput=\"converterValor()\" \/>\r\n            <\/div>\r\n\r\n\r\n            <!-- Bot\u00e3o de invers\u00e3o -->\r\n            <button id=\"btn-inverter\" onclick=\"inverterConversao()\"><span class=\"emojiArrow\">\u21c4<\/span><\/button>\r\n\r\n            <div class=\"containerInputConvert\">\r\n                <label for=\"valor-output\" id=\"label-output\">\r\n                    <img decoding=\"async\" class=\"flagConvert\" src=\"https:\/\/flagcdn.com\/w40\/br.png\" alt=\"Brasil\"> Para\r\n                    (Reais):\r\n                <\/label>\r\n                <input type=\"text\" id=\"valor-output\" placeholder=\"0,00\" readonly \/>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div id=\"cotacao-dolar\">\ud83d\udcb5 D\u00f3lar hoje: R$ --<\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        let cotacaoAtual = 0;\r\n        let invertido = false;\r\n\r\n        async function atualizarCotacao() {\r\n            try {\r\n                let response = await fetch(\"https:\/\/economia.awesomeapi.com.br\/json\/last\/USD-BRL\");\r\n                let data = await response.json();\r\n                cotacaoAtual = parseFloat(data.USDBRL.bid);\r\n\r\n                \/\/ Atualiza o texto da cota\u00e7\u00e3o\r\n                document.getElementById(\"cotacao-dolar\").innerHTML = `\ud83d\udcb5 D\u00f3lar hoje: R$ ${cotacaoAtual.toFixed(2)}`;\r\n\r\n                \/\/ Define os valores iniciais corretamente\r\n                if (!invertido) {\r\n                    document.getElementById(\"valor-input\").value = 1; \/\/ 1 d\u00f3lar\r\n                    document.getElementById(\"valor-output\").value = (1 * cotacaoAtual).toFixed(2); \/\/ Em reais\r\n                } else {\r\n                    document.getElementById(\"valor-input\").value = cotacaoAtual.toFixed(2); \/\/ Valor do d\u00f3lar\r\n                    document.getElementById(\"valor-output\").value = \"1.00\"; \/\/ 1 d\u00f3lar\r\n                }\r\n            } catch (error) {\r\n                document.getElementById(\"cotacao-dolar\").innerHTML = \"Erro ao obter cota\u00e7\u00e3o.\";\r\n            }\r\n        }\r\n\r\n        function converterValor() {\r\n            let valor = parseFloat(document.getElementById(\"valor-input\").value);\r\n            if (!isNaN(valor) && cotacaoAtual > 0) {\r\n                if (!invertido) {\r\n                    document.getElementById(\"valor-output\").value = (valor * cotacaoAtual).toFixed(2);\r\n                } else {\r\n                    document.getElementById(\"valor-output\").value = (valor \/ cotacaoAtual).toFixed(2);\r\n                }\r\n            } else {\r\n                document.getElementById(\"valor-output\").value = \"0.00\";\r\n            }\r\n        }\r\n\r\n        function inverterConversao() {\r\n            invertido = !invertido;\r\n\r\n            let valorInput = parseFloat(document.getElementById(\"valor-input\").value) || 0;\r\n            let valorOutput = parseFloat(document.getElementById(\"valor-output\").value) || 0;\r\n\r\n            \/\/ Inverte os r\u00f3tulos\r\n            document.getElementById(\"label-input\").innerHTML = invertido\r\n                ? '<img decoding=\"async\" class=\"flagConvert\" src=\"https:\/\/flagcdn.com\/w40\/br.png\" alt=\"Brasil\" class=\"bandeira\"> Converter (Reais):'\r\n                : '<img decoding=\"async\" class=\"flagConvert\" src=\"https:\/\/flagcdn.com\/w40\/us.png\" alt=\"EUA\" class=\"bandeira\"> Converter (D\u00f3lares):';\r\n\r\n            document.getElementById(\"label-output\").innerHTML = invertido\r\n                ? '<img decoding=\"async\" class=\"flagConvert\" src=\"https:\/\/flagcdn.com\/w40\/us.png\" alt=\"EUA\" class=\"bandeira\"> Para (D\u00f3lar):'\r\n                : '<img decoding=\"async\" class=\"flagConvert\" src=\"https:\/\/flagcdn.com\/w40\/br.png\" alt=\"Brasil\" class=\"bandeira\"> Para (Reais):';\r\n\r\n            \/\/ Inverter os valores corretamente\r\n            document.getElementById(\"valor-input\").value = valorOutput.toFixed(2);\r\n            document.getElementById(\"valor-output\").value = valorInput.toFixed(2);\r\n        }\r\n\r\n        \/\/ Atualiza a cota\u00e7\u00e3o a cada 30 segundos\r\n        setInterval(atualizarCotacao, 30000);\r\n\r\n        \/\/ Atualiza e define os valores iniciais corretamente no carregamento\r\n        window.onload = async function () {\r\n            await atualizarCotacao();\r\n            document.getElementById(\"valor-input\").value = \"1\"; \/\/ 1 d\u00f3lar por padr\u00e3o\r\n            document.getElementById(\"valor-output\").value = (1 * cotacaoAtual).toFixed(2); \/\/ Valor em reais\r\n        };\r\n    <\/script>\r\n\r\n    <style>\r\n        .emojiArrow {\r\n            font-size: 30px;\r\n            cursor: pointer;\r\n            \r\n\r\n            color: #0469d5;\r\n        }\r\n\r\n        #btn-inverter {\r\n            background-color: transparent;\r\n            border: none;\r\n            min-width: 10px !important;\r\n            width: 10px;\r\n            \r\n        }\r\n\r\n        .flagConvert {\r\n            \/* width: 35px;\r\n            height: 35px; *\/\r\n            \/* border-radius: 50%; *\/\r\n            object-fit: cover;\r\n            margin: 0 10px;\r\n            opacity: 0.9;\r\n            border-radius: 3px;\r\n            \/* border: 2px solid rgb(73, 167, 250); *\/\r\n        }\r\n\r\n        #conversor {\r\n            display: flex;\r\n            justify-content: start;\r\n            align-items: center;\r\n            gap: 20px;\r\n\r\n\r\n        }\r\n\r\n        #valor-input,\r\n        #valor-output {\r\n            border: none;\r\n            width: 200px;\r\n            height: 40px;\r\n            border: 1px solid  #024a96;\r\n            border-radius: 10px;\r\n            padding-left: 10px;\r\n            outline: none;\r\n            font-size: 15px;\r\n            color: #024a96;\r\n            font-weight: bold;\r\n        }\r\n\r\n        #label-input,\r\n        #label-output {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            color: #024a96;\r\n        }\r\n\r\n        .containerInputConvert {\r\n            display: flex;\r\n            \/* flex-direction: column; *\/\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        #cotacao-dolar{\r\n            color: #ffffff;\r\n            font-weight: bold;\r\n            margin-top: 20px;\r\n            border: 1px solid #024a96;\r\n            width: 200px;\r\n            padding: 10px;\r\n            background-color: #024a96;\r\n            border-radius: 5px;\r\n         \r\n\r\n           \r\n\r\n        }\r\n\r\n        @media screen and (max-width: 800px) {\r\n\r\n            #conversor {\r\n       \r\n\r\n            flex-direction: column;\r\n\r\n        }\r\n\r\n        #cotacao-container{\r\n            display: flex;\r\n            flex-direction:column ;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .containerInputConvert{\r\n            justify-content:space-between;\r\n       \r\n           width: 100%;\r\n        }\r\n\r\n            \r\n        }\r\n    <\/style>\t\t\t\t<\/div>\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>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-18408","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rbpapeis.com.br\/en\/wp-json\/wp\/v2\/pages\/18408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rbpapeis.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rbpapeis.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rbpapeis.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rbpapeis.com.br\/en\/wp-json\/wp\/v2\/comments?post=18408"}],"version-history":[{"count":7,"href":"https:\/\/rbpapeis.com.br\/en\/wp-json\/wp\/v2\/pages\/18408\/revisions"}],"predecessor-version":[{"id":18415,"href":"https:\/\/rbpapeis.com.br\/en\/wp-json\/wp\/v2\/pages\/18408\/revisions\/18415"}],"wp:attachment":[{"href":"https:\/\/rbpapeis.com.br\/en\/wp-json\/wp\/v2\/media?parent=18408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}