Описание проекта
Веду автомобильный блог и хочу добавить на страницы удобный интерактивный калькулятор расхода топлива. Посетитель вводит расстояние предстоящей поездки в километрах и средний расход своего автомобиля на 100 км, после чего виджет сразу показывает, сколько литров топлива понадобится, и примерную стоимость поездки при указанной цене за литр.
Хочется, чтобы калькулятор выглядел частью страницы, а не отдельным подключённым плагином. Важно, чтобы он одинаково хорошо работал и на компьютере, и на телефоне, пересчитывал результат сразу при вводе или по нажатию кнопки, и корректно обрабатывал пустые поля, нулевые значения, слишком большие или отрицательные числа, запятую вместо точки. Было бы удобно, если поле цены за литр можно менять вручную, а также добавить переключатель единиц — километры и мили, литры и галлоны, — для читателей из разных стран.
По внешнему виду калькулятор должен быть лёгким, вписываться в современный аккуратный дизайн автомобильного сайта и быстро загружаться без тяжёлых библиотек — предпочтителен чистый JavaScript или совсем лёгкий фреймворк. Результат нужен в виде готового блока для встраивания на страницу, с короткой инструкцией по установке и понятными комментариями в коде.
Что нужно сделать:
— поля ввода расстояния поездки и среднего расхода на 100 км;
— расчёт нужного объёма топлива и примерной стоимости поездки по цене за литр;
— по возможности переключатель единиц измерения;
— адаптивная вёрстка под дизайн автомобильного сайта;
— проверка вводимых данных и понятные подсказки при ошибках.
Хочется, чтобы калькулятор выглядел частью страницы, а не отдельным подключённым плагином. Важно, чтобы он одинаково хорошо работал и на компьютере, и на телефоне, пересчитывал результат сразу при вводе или по нажатию кнопки, и корректно обрабатывал пустые поля, нулевые значения, слишком большие или отрицательные числа, запятую вместо точки. Было бы удобно, если поле цены за литр можно менять вручную, а также добавить переключатель единиц — километры и мили, литры и галлоны, — для читателей из разных стран.
По внешнему виду калькулятор должен быть лёгким, вписываться в современный аккуратный дизайн автомобильного сайта и быстро загружаться без тяжёлых библиотек — предпочтителен чистый JavaScript или совсем лёгкий фреймворк. Результат нужен в виде готового блока для встраивания на страницу, с короткой инструкцией по установке и понятными комментариями в коде.
Что нужно сделать:
— поля ввода расстояния поездки и среднего расхода на 100 км;
— расчёт нужного объёма топлива и примерной стоимости поездки по цене за литр;
— по возможности переключатель единиц измерения;
— адаптивная вёрстка под дизайн автомобильного сайта;
— проверка вводимых данных и понятные подсказки при ошибках.
Веб программирование Наличные, Банковский перевод
