PROYECTO

Calculadora online para estimar el consumo eléctrico anual de los electrodomésticos

Calculadora online personalizada en HTML/JS, Integración de la lógica de cálculo basada en una hoja de cálculo, Personalización del diseño con una interfaz fácil de usar, Diseño adaptable para visualización web, Ajustes y etiquetado de la interfaz de usuario

  • Sector: Energía y servicios públicos
  • Estados Unidos Ubicación: Estados Unidos
  • Tiempo de entrega: 2 semanas
  • Tecnologías: HTML, CSS
  • Valoración: 5/5
1 mes

Descripción general del proyecto

El objetivo era crear una calculadora online que ayudara a los usuarios a calcular el consumo energético anual de varios electrodomésticos.

El cliente proporcionó una hoja de Google con las potencias y los patrones de uso de los electrodomésticos (horas/día, días/mes, meses/año), y el objetivo era convertirla en una herramienta HTML adaptable para integrarla en un sitio web.

La herramienta realiza cálculos dinámicos y actualiza un total acumulado de kilovatios-hora al año según los datos introducidos por el usuario.

¡Un trabajo excelente! Este vendedor entrega un producto de calidad en cada ocasión.

- franciefinn

Principales funcionalidades entregadas

  • Cálculo en tiempo real del consumo anual en kWh
  • Introducción de electrodomésticos fila por fila con datos de uso personalizables
  • Total acumulado del consumo energético actualizado dinámicamente
  • Diseño limpio y fácil de usar, con encabezados de columna corregidos
  • Lógica optimizada para reflejar: (Vatios × Horas/Día × Días/Mes × Meses/Año) ÷ 1000 = kWh anuales
  • Diseño adaptable para una fácil integración web

Capturas de pantalla

Versión inicial del diseño de la calculadora, con las columnas antes de los ajustes.

Versión inicial del diseño de la calculadora, con las columnas antes de los ajustes.

Versión final de la calculadora, con las etiquetas y los campos de lógica corregidos.

Versión final de la calculadora, con las etiquetas y los campos de lógica corregidos.

Tecnologías utilizadas

HTML
CSS
JavaScript
Google Sheets