Потрібен віджет калькулятора витрати пального для автосайту

Веду автомобільний блог і хочу додати на сторінки зручний інтерактивний калькулятор витрати пального. Відвідувач вводить відстань майбутньої поїздки в кілометрах і середню витрату свого автомобіля на 100 км, після чого віджет одразу показує, скільки літрів пального знадобиться, і орієнтовну вартість поїздки за вказаною ціною за літр.

Хочеться, щоб калькулятор виглядав частиною сторінки, а не окремим підключеним плагіном. Важливо, щоб він однаково добре працював і на комп'ютері, і на телефоні, перераховував результат одразу під час введення або після натискання кнопки, і коректно обробляв порожні поля, нульові значення, задто великі чи від'ємні числа, кому замість крапки. Було б зручно, якби поле ціни за літр можна було редагувати вручну, а також додати перемикач одиниць — кілометри й милі, літри й галони, — для читачів з різних країн.

За виглядом калькулятор має бути легким, вписуватися в сучасний охайний дизайн автомобільного сайту і швидко завантажуватися без важких бібліотек — бажаний чистий JavaScript або зовсім легкий фреймворк. Результат потрібен у вигляді готового блока для вбудовування на сторінку, з коротким описом встановлення та зрозумілими коментарями в коді.

Що потрібно зробити:
— поля введення відстані поїздки та середньої витрати на 100 км;
— розрахунок потрібного обсягу пального та орієнтовної вартості поїздки за ціною за літр;
— за можливості перемикач одиниць вимірювання;
— адаптивна верстка під дизайн автомобільного сайту;
— перевірка введених даних і зрозумілі підказки при помилках.