Как обработать данные после ввода?

Question

[iddimon3]

Нужно обработать данные после ввода количества и прислать цену как на фото. Допустим ввели 100 в input.
В js обработать 100 : 0.25 = 25р. 25р показать в ответе.
Как это можно реализовать?

Comments

[Вадим]

https://learn.javascript.ru/events
https://learn.javascript.ru/events-change-input

[alexalexes]

В зависимости от частоты изменения показания вешаете обработчик на это поле по одному из событий: change, input, blur, paste.

Answer 1

[Сергей delphinpro]

<input class="price" oninput="calc()">
<input class="quantity" oninput="calc()">
<div id="result"></div>

function calc(){
  const priceInput = document.querySelector('.price');
  const quantityInput = document.querySelector('.quantity');

  const cost = priceInput.value * quantityInput.value;
  
  document.getElementById('result').innerHTML = cost;
}