Skip to content

Latest commit

 

History

History
85 lines (47 loc) · 5.21 KB

README.md

File metadata and controls

85 lines (47 loc) · 5.21 KB

Imersão Dev 6 | Aula 01

Moedas Azuis
Logo da Imersão Dev

Evento sensacional que consegue fazer qualquer um entender como é o mundo do desenvolvimento!

License: MIT Concluído

Visão Geral

Projeto realizado enquanto assistia a aula 01 da Imersão Dev 6 e posteriormente modificado por mim.

Enquanto este ReadMe está sendo escrito, a aula ainda está liberada. Pode ser acessada através deste link: Imersão Dev 6 - Aula 01.

Modificações

  • Tive interesse em tornar o mais dinâmico a atribuição de valor e invés de usar Alerts ou Prompts eu resolvi usar inputs.

  • Assim, adicionei inputs que solicitam: a cotação e a quantidade em reais. Para exibição de valor, foi usado um paragrafo, que é modificado pelo JavaScript.

  • Os botões converter e limpar também foram adicionados, para que seja decidido quando ocorrerá a conversão e limpar todos os valores já existentes.

Como executar?

Screenshot do Site

  • Na caixa vermelha deve ser inserido a cotação da moeda que deseja verificar. Observação: é que deve-se usar "." invés de ",". Exemplo de valor aceito: 5.12. Que, inclusive, é a cotação do dolar, no momento que o ReadMe está escrito.

  • Na caixa azul deve ser inserido a quantidade em reais que você deseja converter. Exemplo de valor aceito: 100.

  • Na caixa laranja irá ser exibido o valor do cálculo ( reais/cotação ) aproximado com duas casas decimais. Exemplo de resultado: 19.54.

  • A seta verde aponta para o botão "Converter". Ao ser pressionado uma função é chamada no JavaScript, onde ela irá realizar os cálculos e exibir o resutado na caixa laranja.

  • A seta rosa aponta para o botão "Limpar". Ao ser pressionado uma função é chamada no JavaScipt, onde ela irá atribuir o valor padrão nos inputs e no paragrafo.

  • Observação: Caso pressionar o botaõ "Converter" inserindo valor somente em uma input ou não inserindo em nenhuma, irá ser exibido na caixa laranja: "Preencha ambos campos!".

Curioso? A seguir, link para acessar o site: Conversor de Moedas

Instrutores

Paulo Silveira (CEO da Alura)

LinkedIn Badge GitHub Badge

Rafaella Ballerini (Instrutora Front-end da Alura)

LinkedIn Badge GitHub Badge

Guilherme Lima (Instrutor da Imersão Dev da Alura)

LinkedIn Badge GitHub Badge

Autor

Oi, eu sou Alexandre Coelho! Sou autor deste ReadMe e estudante de Desenvolvimento Web. Aqui estão os meus principais links para você dar uma olhada no que mais interessa-lo.