Descripción del proyecto
TraducidoDirijo un pequeño blog automotriz y quiero agregar un widget interactivo que ayude a los lectores a estimar cuánto combustible tomará un viaje planeado y aproximadamente cuánto costará. Un visitante ingresa la distancia del viaje en kilómetros y el consumo promedio de combustible de su automóvil por 100 km, y el widget calcula instantáneamente el combustible necesario en litros y el costo aproximado del viaje una vez que se ingresa un precio por litro.
La calculadora debe sentirse como una parte natural de la página en lugar de un complemento añadido. Necesita funcionar sin problemas en escritorio y móvil, actualizar el resultado en vivo a medida que el visitante escribe o después de presionar un botón de calcular, y manejar casos extremos con gracia, como campos vacíos, valores cero, números poco realistas o una coma utilizada en lugar de un punto. Sería útil que el campo de precio del combustible permaneciera editable para diferentes regiones, y que un pequeño interruptor permitiera al widget alternar entre litros y galones, kilómetros y millas.
Visualmente, el widget debe ser ligero, coincidir con un diseño limpio y moderno de blog de automóviles, y cargar rápidamente sin bibliotecas pesadas; se prefiere JavaScript simple o un marco muy ligero. Por favor, entrega un bloque de marcado, estilos y script listo para incrustar, con notas breves sobre cómo colocarlo en una página existente y comentarios de código ligeros para que las fórmulas o el estilo puedan ajustarse más tarde.
Lo que se necesita:
— campos de entrada para la distancia del viaje y el consumo promedio de combustible por 100 km;
— cálculo del volumen de combustible requerido y costo aproximado del viaje a partir de un campo de precio por litro;
— interruptor de unidad opcional entre kilómetros/millas y litros/galones;
— diseño responsivo que coincida con el diseño de un sitio web relacionado con automóviles;
— validación básica de entrada con mensajes de error claros y amigables.
La calculadora debe sentirse como una parte natural de la página en lugar de un complemento añadido. Necesita funcionar sin problemas en escritorio y móvil, actualizar el resultado en vivo a medida que el visitante escribe o después de presionar un botón de calcular, y manejar casos extremos con gracia, como campos vacíos, valores cero, números poco realistas o una coma utilizada en lugar de un punto. Sería útil que el campo de precio del combustible permaneciera editable para diferentes regiones, y que un pequeño interruptor permitiera al widget alternar entre litros y galones, kilómetros y millas.
Visualmente, el widget debe ser ligero, coincidir con un diseño limpio y moderno de blog de automóviles, y cargar rápidamente sin bibliotecas pesadas; se prefiere JavaScript simple o un marco muy ligero. Por favor, entrega un bloque de marcado, estilos y script listo para incrustar, con notas breves sobre cómo colocarlo en una página existente y comentarios de código ligeros para que las fórmulas o el estilo puedan ajustarse más tarde.
Lo que se necesita:
— campos de entrada para la distancia del viaje y el consumo promedio de combustible por 100 km;
— cálculo del volumen de combustible requerido y costo aproximado del viaje a partir de un campo de precio por litro;
— interruptor de unidad opcional entre kilómetros/millas y litros/galones;
— diseño responsivo que coincida con el diseño de un sitio web relacionado con automóviles;
— validación básica de entrada con mensajes de error claros y amigables.
Programación web Efectivo, Transferencia bancaria
