ПРОЕКТ

Веб-калькулятор годового энергопотребления бытовой техники

Индивидуальный веб-калькулятор на HTML/JS, Интеграция логики расчетов на основе таблицы, Адаптация дизайна с удобной компоновкой, Адаптивный дизайн для отображения в интернете, Настройка интерфейса и названий полей

  • Отрасль: Энергетика и коммунальные услуги
  • Соединенные Штаты Америки Местоположение: Соединенные Штаты Америки
  • Срок выполнения: 2 недель
  • Технологии: HTML, CSS
  • Оценка: 5/5
1 месяц

Обзор проекта

Целью было создать веб-калькулятор, который помогает пользователям рассчитывать годовое энергопотребление нескольких бытовых приборов.

Клиент предоставил Google Таблицу с данными о мощности бытовой техники и моделях использования (часов в день, дней в месяц, месяцев в году), а задача заключалась в преобразовании ее в адаптивный HTML-инструмент для встраивания на сайт.

Инструмент выполняет динамические расчеты и обновляет текущую общую сумму годового потребления в киловатт-часах на основе введенных пользователем данных.

Отличная работа, этот продавец каждый раз предоставляет качественный продукт!

- franciefinn

Реализованные ключевые функции

  • Расчет годового потребления в кВт·ч в режиме реального времени
  • Добавление бытовых приборов по строкам с настраиваемыми параметрами использования
  • Динамически обновляемая текущая общая сумма энергопотребления
  • Понятная и удобная компоновка с улучшенными заголовками столбцов
  • Усовершенствованная логика расчета по формуле: (ватты × часов в день × дней в месяц × месяцев в году) ÷ 1000 = годовое потребление в кВт·ч
  • Адаптивная компоновка для простой интеграции с сайтом

Скриншоты

Исходная компоновка калькулятора с отображаемыми столбцами до внесения изменений.

Исходная компоновка калькулятора с отображаемыми столбцами до внесения изменений.

Финальная версия калькулятора с улучшенными названиями и полями логики.

Финальная версия калькулятора с улучшенными названиями и полями логики.

Технологический стек

HTML
CSS
JavaScript
Google Sheets