Descrição do projeto
TraduzidoEu administro um pequeno blog automotivo e quero adicionar um widget interativo que ajude os leitores a estimar quanto combustível uma viagem planejada irá consumir e aproximadamente quanto custará. Um visitante insere a distância da viagem em quilômetros e o consumo médio de combustível de seu carro por 100 km, e o widget calcula instantaneamente o combustível necessário em litros e o custo aproximado da viagem assim que um preço por litro é inserido.
A calculadora deve parecer uma parte natural da página, em vez de um plugin anexado. Ela precisa funcionar suavemente em desktop e mobile, atualizar o resultado ao vivo enquanto o visitante digita ou após um botão de calcular ser pressionado, e lidar com casos extremos de forma elegante, como campos vazios, valores zero, números irreais ou uma vírgula usada em vez de um ponto. Seria útil se o campo de preço do combustível permanecesse editável para diferentes regiões, e se um pequeno botão alternasse o widget entre litros e galões, quilômetros e milhas.
Visualmente, o widget deve ser leve, combinar com um layout limpo e moderno de blog de carros, e carregar rapidamente sem bibliotecas pesadas — JavaScript simples ou um framework muito leve é preferido. Por favor, entregue um bloco de marcação, estilos e script prontos para serem incorporados, com notas curtas sobre como colocá-lo em uma página existente e comentários leves no código para que fórmulas ou estilos possam ser ajustados posteriormente.
O que é necessário:
— campos de entrada para distância da viagem e consumo médio de combustível por 100 km;
— cálculo do volume de combustível necessário e custo aproximado da viagem a partir de um campo de preço por litro;
— alternância de unidade opcional entre quilômetros/milhas e litros/galões;
— layout responsivo combinando com o design de um site relacionado a carros;
— validação básica de entrada com mensagens de erro claras e amigáveis.
A calculadora deve parecer uma parte natural da página, em vez de um plugin anexado. Ela precisa funcionar suavemente em desktop e mobile, atualizar o resultado ao vivo enquanto o visitante digita ou após um botão de calcular ser pressionado, e lidar com casos extremos de forma elegante, como campos vazios, valores zero, números irreais ou uma vírgula usada em vez de um ponto. Seria útil se o campo de preço do combustível permanecesse editável para diferentes regiões, e se um pequeno botão alternasse o widget entre litros e galões, quilômetros e milhas.
Visualmente, o widget deve ser leve, combinar com um layout limpo e moderno de blog de carros, e carregar rapidamente sem bibliotecas pesadas — JavaScript simples ou um framework muito leve é preferido. Por favor, entregue um bloco de marcação, estilos e script prontos para serem incorporados, com notas curtas sobre como colocá-lo em uma página existente e comentários leves no código para que fórmulas ou estilos possam ser ajustados posteriormente.
O que é necessário:
— campos de entrada para distância da viagem e consumo médio de combustível por 100 km;
— cálculo do volume de combustível necessário e custo aproximado da viagem a partir de um campo de preço por litro;
— alternância de unidade opcional entre quilômetros/milhas e litros/galões;
— layout responsivo combinando com o design de um site relacionado a carros;
— validação básica de entrada com mensagens de erro claras e amigáveis.
Programação web Dinheiro, Transferência bancária
