Curso de JS Aula 18 Aplicações com JavaScript Conversor de Moedas + Validações

[@wilsonoliveira96]

Muito bom, Professor, Obrigado pelo trabalho que o sr. vem fazendo. Sei que CSS não é o foco, mas eu fiquei curioso pra saber como fazer o efeito das moedas piscarem rs.

[@ProfessorEdsonMaia]

Na prática vc poderia controlar a propriedade opacidade e trabalhar o animation: .piscando { animation: piscar 1s infinite; } @keyframes piscar { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }

[@isaque5811]

Fiz tudo sem acessar o código, só vendo as funcionalidades, além de ter usado o ::before e @keyframes pra montar as moedas, não usei as imagens, mas as que eu criei e animei ficaram bem feitas tbm Esses dias eu me desafiei a criar um piano virtual. Vi um tutorial gringo e aprendi a fazer muitas coisas novas. Utilizando os conhecimentos desse curso e estudando o que eu não sabia, consegui monta-lo e o melhor, aprendi a lógica e as ferramentas necessárias, consegui recria-lo novamente sem precisar rever as anotações, foi até tranquilo depois que você entende

[@ProfessorEdsonMaia]

Parabéns man, essa parte de animações é bem complicada.

[@ilsochrist8199]

desisti de concertar o erro, cansei, tentei o dia todo mas aprecio por ter tentado ajudar.

[@ProfessorEdsonMaia]

Vou ver amanhã se reviso e código pra colocar uma solução

[@ilsochrist8199]

@@ProfessorEdsonMaia Obrigado!

[@ilsochrist8199]

@@ProfessorEdsonMaia consegui resolver, coloquei: onkeyup="this.value = numberMask(this.value)"/> no input raiz. E no JS: function numberMask(value) { return value.replace(/\D|^[^1-9]/g, ""); tranquei todos os negativos. }

[@ProfessorEdsonMaia]

@@ilsochrist8199 Parabéns

[@edsonjr6235]

Desenvolver uma aplicação que faça a conversão de moedas é essencial para você desenvolver skills para fazer aplicações com valores monetários.

[@ProfessorEdsonMaia]

Muito obrigado pelo comentário. Bons estudos.

[@Locks_FPS]

Se fizer um webscrapping como parâmetros recebidos da variável do valor da moeda ,ou uma função de conversão de string para número armazenar em uma variável e depois passar o valor para variável da cotação de cada moeda ficaria em tempo real sem precisar alterar todo dia!?

[@ProfessorEdsonMaia]

O correto seria consultar as cotações em uma API. Poderia ser feito tb o webscrapping. No vídeo sobre o relógio digital eu mostro como consultar uma API de terceiros.

[@simaoz]

O meu erro é que quando o valor é convertido, na mensagem, fica apenas o valor em reais com R$, o outro valor que fica convertido, não tem o respectivo símbolo monetário como US$ ou €, o senhor pode me ajudar?

[@ProfessorEdsonMaia]

Man, teria q ver o código, manda print pra minha dm do instagram @professoredsonmaia

[@simaoz]

consegui resolver. Ao invés de eu passar o toLocaleString na mensagemFormata(moedaEstrangeira.toLocaleString ...), eu passei o toLocaleString para a conta da conversão, ou seja, moedaEstrangeira = (valorEmDolar / valorEmReal).toLocaleString ...@@ProfessorEdsonMaia

[@CarlFritz24]

Muito bom, mas... não faz sentido nenhum ter que andar coscuvilhando websites para obter os valores que DEPOIS... servirão de base á conversão ! Dessa forma... uma regra de 3 em Excel, POUPAVA essa trabalheira toda (e mais a pesquisa aos valores atuais, na internet). Como não.... obter os valores de CONVERSÃO... através de APIs de websites especializados... em vez de andar a digitar manualmente cada valor de conversão, no HTML ? Não é ? Mas... seu trabalho estrutural é FASCINANTE e BEM IDEALIZADO (peca pela falta de AUTOMAÇÃO na obtenção dos valores de cada moeda...).

[@ProfessorEdsonMaia]

Sim, a sua sugestão é muito válida, o objetivo neste vídeo era focar nas parte mais essencial das regras de uso do js e de validações. A questão de acessar cotações via API é outra funcionalidade. Eu mostro em vários vídeos, mais para frente aqui no curso. Mas, é uma sugestão interessante de gravar e colocar como um extra dessa aula.