O que vais construir
Um conversor de moedas a funcionar, com taxas ao vivo de uma API pública gratuita — feito só com HTML, CSS e JavaScript.
Usa uma API pública gratuita e sem chave (open.er-api.com). Lê sempre os termos de uma API antes de a usar a sério.
Em quase todas as apps repetimos as mesmas camadas, como construir uma casa: o HTML põe as coisas na mesa (a estrutura), o CSS veste-as (a aparência), e o JavaScript é a linguagem que lhes dá vida (o que reage ao toque). No fim, a memória guarda o que importa. Não precisas de decorar — vais reconhecê-las em cada passo. E há um truque de criador: antes de cada passo, diz em voz alta “quando eu faço X, a app deve fazer Y”. Isso transforma-te de quem copia em quem cria.
Pomos na mesa: um campo onde escreves o valor, um menu para escolher a moeda de origem, outro campo e menu para o destino, e uma setinha para trocar os dois. Por agora, só o esqueleto.
<input id="de" type="number" value="10" />
<select id="moedaDe"></select>
<button id="trocar">⇅</button>
<input id="para" readonly />
<select id="moedaPara"></select>Acrescenta o Real e o Iene à lista de moedas. Mexeste só nos dados.
Montaste a casa seguindo o plano. O salto a criador é mudá-la sozinho. Tenta estas três — da mais simples à mais corajosa — sem receita. Se travares, pede à tua IA; mas tenta primeiro, e diz antes «quando eu fizer isto, a app deve…».
O que construíste é teu. Abre a Prova Viva, clona para a tua IA, e faz crescer — uma cor nova, um botão novo, ou O Conversor no teu telemóvel.