WoMakersCode / challenges-front-end

Repositório referente à desafios de front-end da womakerscode

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Conversor de moedas

samaramiranda opened this issue · comments

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];

Hey I am intrested