Калькуляторов расчёта потребления электроэнергии в интернете сотни и все разные. Просмотрел первых три десятка сайтов в поиске и пришёл к выводу – неудобство в расчётах главное их отличие.
Интерфейс некоторых из них затруднён в логике поведения расчётов. Даже просто не работают.
Возникла идея создания на языке Java Script калькулятора расчёта потребления и оплаты электроэнергии интуитивно понятного и надёжного.
Здесь представлены готовые коды HTML страницы, код JS калькулятора, стилевая таблица калькулятора. Можно копировать и пользоваться в дальнейшем на своём сайте. Удобно для лендингов, сайтов визиток, отдельных HTML страниц.
Что нужно человеку знающему номиналы потребления по электричеству всех электроприёмников в доме. Просто просчитать сколько электроэнергии тратим и сколько это денег стоит.
Поэтому для параметров расчёта назначаем: P – мощность в Вт, Q – электроэнергия в кВт*час, Т - время в часах, период в сутках. Это позволяет минимизировать построение алгоритма в JavaScript.
Прообразом калькулятора послужил видео урок Александра Лущенко из YouTube, на мой взгляд, одного из лучших лекторов уроков программирования на JS.
Модернизация калькулятора расчёта электроэнергии онлайн заключалась в следующем.
Обратите внимание, что в input вставлены айдишники id="n1”, id="n2", id="n3" соответственно. А так же в них соответственно вставлены классы input-in1, input-in2, input-in3. Айдишники для кодов расчётов, классы для кодов обнуления вводимых данных.
Удобство калькулятора заключается в возможности обнуления вводимых значений без перезагрузки страницы.
Второе, применен метод округления дробных чисел до третьего знака после целого числа. Дело в том, что обычно платёжки за электроэнергию содержат цифры до тёх знаков после целого числа в виду такой же тарификации. Метод parseFloat(Math.round(result * 100) / 100).toFixed(3)
Следущее, при попытках введения не чисел в инпуты, будет выпадать надпись о не корректных действиях. Метод isNaN позволяет спросить, это число? Если , нет, вывести запись о не корректности вводимых данных.
Следущее, при введении нулевых значений будет выпадать надпись о не корректных действиях.
Калькулятор работает онлайн и зависать априори не может. Он не связан с внешними библиотеками.
При вставке с десятичными дробями разделитель точка, а не запятая.
Это интересно
0
|
|||
Последние откомментированные темы:
-
Где бесплатно брать заказы в интернете? | Фриланс | Поиск удаленной работы
(2)
EVG90
,
16.07.2020
-
Совет дня. Как открыть ссылку в новой вкладке или окне?
(1)
master284
,
02.05.2020
20250506015900