Estou fazendo uma conversão de Moeda Brasileira (Real) para a Moeda Chinesa (Yuan). Estou utilizando a API do site: https://free.currencyconverterapi.com
. Ao fazer a depuração no navegador, consigo ver que a função Ajax com a solicitação API está funcionando, porém quando retorna a variavel valor
na penúltima linha do código, o valor retornado não está sendo o valor convertido e sim o valor original, segue o código:
function converterreal(valor){
var moeda = 0;
var valor = valor;
var valorconvertido = 0;
$.ajax({
url: 'https://free.currencyconverterapi.com/api/v6/convert?q=BRL_CNY&compact=ultra&apiKey=873041c527593ec7e31e',
dataType: 'jsonp',
success: function(data) {
moeda = data.BRL_CNY;
console.log(moeda);
valorconvertido = (moeda*valor);
function formata(v){
return parseFloat(v).toLocaleString("pt-BR", { style: "currency" , currency:"BRL"});
}
//document.write(formata(valorconvertido));
valor = formata(valorconvertido);
}
})
return valor;
}
var testevalor = converterreal(400);
$("#valorreal").html(testevalor);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>O valor em real é: <span id="valorreal"></span> BRL<br>
success
na mesma hora.div
, eu tentei colocar tudo dentro do sucess, além de não ter retornado nenhum valor, não sei como faria para usar a mesma função em outradiv id