ПРОЕКТ

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

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

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

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

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

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

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

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

- franciefinn

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

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

Скриншоты

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

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

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

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

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

HTML
CSS
JavaScript
Google Sheets