Как вывести результат «на лету»?

Question

[Alexey1307]

Пишу pet-проект - календарь бронирований! Сейчас если ввести даты заезда и выезда, количество номеров, и предоплату (необязательна для ввода), по нажатию кнопки "Рассчитать" - выведется сумма к оплате. Вопрос в следующем: можно ли сделать вывод "суммы к оплате" на лету, то есть чтоб не было необходимости в нажатии кнопки?
Код на codepen

Answer 1

[0xD34F]

Вместо click'а у кнопки обрабатывайте input у формы:

- document.querySelector('.calculate').addEventListener('click', function () {
+ document.querySelector('form').addEventListener('input', function () {

Comments

[Anonymous Penguin]

Ого, то есть даже на форме можно слушать oninput?

[0xD34F]

Anonymous Penguin, можно, input всплывает.

[Alexey1307]

Слушай - ты реально крутой!!! Спасибо!!

[Иван Кулаков]

0xD34F, как Вы сделали такую разметку?)

[0xD34F]

Иван Кулаков, <code lang="diff">

[Иван Кулаков]

0xD34F, благодарю :)