Как сделать, чтобы срабатывала функция при изменении input?

Question

Есть вот такой js. Сейчас он пересчитывает значение "сумма" в зависимости от выбранного кол-ва товаров, цены и т.д. Посмотреть можно на сайте nordm.some-dev.ru(на главной-популярные товары-иконка корзины). Как сделать так, что бы функция срабатывала не только когда нажимаешь "+" и "-", а и когда с клавиатуры вводишь значение в input?

function addHandlers(count) {
let minus = count.querySelector(".minus");
let number = count.querySelector(".number");
let plus = count.querySelector(".plus");

plus.addEventListener("click", function () {
  qty = parseInt(number.value);
  qty = qty + 1;
  number.value = qty;
});

minus.addEventListener("click", function () {
  qty = parseInt(number.value);
  if (qty < 2) {
    qty = 1;
  } else {
    qty = qty - 1;
  }
  number.value = qty;
});
}

var counts = document.querySelectorAll(".count");
counts.forEach(addHandlers);

$("body").on("click", "#minusMety", priceMety);
$("body").on("click", "#plusMety", priceMety);
$("body").on("click", "#minusTonny", priceTony);
$("body").on("click", "#plusTonny", priceTony);

function priceMety() {


var id = $(this).data("id");
var weid = $('#weight_'+id).val();
var priceTk = $('#priceTonn_'+id).text();
var priceMt = $('#priceMet_'+id).text();
var numberme = $('#numberMe_'+id).val();
var numbertonn = $('#numberTonn_'+id).val();

$('#numberTonn_'+id).val((weid/1000)*numberme);

if(priceMt!=='0' && priceMt!==''){
var totalpriz = priceMt*numberme;
getTotal();
var to= (parseInt(totalpriz*100))/100;

$('#priceTota_'+id).html(to);
}


return false;

}

function priceTony() {

var id = $(this).data("id");
var priceMt = $('#priceMet_'+id).text();

var weid = $('#weight_'+id).val();
var priceTk = $('#priceTonn_'+id).text();
var numbertonn = $('#numberTonn_'+id).val();
if(priceTk!=='0' && priceTk!==''){
var totalpriz = priceTk*numbertonn;}


var to= (parseInt(totalpriz*100))/100;

$('#numberMe_'+id).val((1000/weid)*numbertonn);
$('#priceTota_'+id).html(to);
$('#number_'+id).val(numbertonn);
getTotal();
return false;
}

function getTotal(){
var total = 0;
$('.ms2_cost').each(function(){
    total += parseFloat(this.innerHTML)
    
});
var tox = (parseInt(total*100))/100; 
$('#total').text(tox);
}

БЛОГ НА HUSL

Как сделать, чтобы срабатывала функция при изменении input?

Ответы (0 шт):