challenges-front-end
challenges-front-end copied to clipboard
WoMakersCode
Conversor de moedas
Interface
A interface pode ser desenvolvida utilizando apenas HTML, CSS e Javascrip ou também com React, Vue... Crie um quadro na tela com o seguinte conteúdo:
- Um título escrito: USD para BRL;
- Um input para informar o valor que deseja converter;
- Um botão "Calcular";
- Uma div de resultado.
Desafio
O usuário deverá digitar no input o valor que deseja converter, após isso clicando em "Calcular" o sistema deve fazer a requisição na API Free Currency Converter (https://free.currencyconverterapi.com/) de qual o valor atual da moeda e retornar na div de resultado o valor já convertido.
OBS: Para obter a key de utilização da API é necessário clicar em "Get Your Free API Key" no site acima e informar o seu e-mail, a key chegará por e-mail e você deverá adiciona-lá no final da url da API após "apiKey=".
Exemplo da url:
https://free.currconv.com/api/v7/convert?q=USD_BRL,BRL_USD&compact=ultra&apiKey=[SUA_API_KEY];
