Как сделать анимацию итоговой суммы калькулятора на JS?

Question

[Александр]

Всем привет. Скажу сразу, что мои познания а JS слабы, поэтому нужна ваша помощь. Пишу калькулятор расчета стоимости и вроде бы все работает, но есть желание создать анимацию итоговой суммы? как в ucalc. Подключил библиотеку animateNumber и jQuery, но не знаю как сделать так, чтобы все работало.
P. S. При увеличении значения из поля number не всегда срабатывает подсчет.
Пример на Codepen

Answer 1

[Eugene Chefranov]

Как то так

Comments

[Александр]

Решение хорошее, но как его применить к моему примеру? В частности к select.

[Eugene Chefranov]

Александр, подправил пример под select. Будет такой способ работать при условии если вы эту форму не будете куда-то отправлять на сервер, если отправите то в качестве значений придут суммы стоимости товара вместо его названия)

[Александр]

Eugene Chefranov, Спасибо огромное, все работает!

[Eugene Chefranov]

Александр, немного переделал, сделал более универсальным, можно теперь и отправлять как форму + добавил итоговой сумме разряды (добавляет пробелы если число большое).

[Александр]

Eugene Chefranov, супер! Хочу тоже научиться делать с легкостью такие вещи.