ПРОЕКТ

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

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

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

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

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

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

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

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

- franciefinn

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

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

Скриншоты

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

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

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

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

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

HTML
CSS
JavaScript
Google Sheets