Двигайте вес и объём, выбирайте транспорт — цена и срок пересчитываются вживую. Считаем как настоящий фрахт: по «расчётному весу» — большему из фактического и объёмного.
Сравнение по видам · нажмите, чтобы выбрать
<input type="range"> (доступен с клавиатуры) + зеркальное числовое поле. Заполненная часть слайдера — градиент по --pct (WebKit) и ::-moz-range-progress (Firefox). Цена считается по объёмному весу max(вес, объём×k) и анимируется прерываемым requestAnimationFrame-счётчиком. Бэкенда нет — это мокап.