fire input onchange event after click on button tag

I am doing calculation with function ("update_total") by "onchange" event of input tab number.
it is working fine. no any issue.

when i am using jquery plugin "Nice-Number" for showing plus(+), minus(-) button.
(https://www.jqueryscript.net/form/Number-Input-Spinner-jQuery-Nice-Number.html)

onchange event of input tag is not getting fire. because mouse get clicked on plus(+) or minus(-) button.

therefor i am not getting ("update_total") total value.

please help how to resolve this issue.

$(function() {
  $('input[type="number"]').niceNumber();
});

function update_total(spineerid, product_price, totalid) {
  spineerid = '#' + spineerid;
  totalid = '#' + totalid;

  var qty_count = $(spineerid).val();
  var total = product_price * qty_count;
  $(totalid).html(total + '/-'); // display total 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.nice-number@2.1.0/src/jquery.nice-number.css" />
<script src="https://cdn.jsdelivr.net/npm/jquery.nice-number@2.1.0/src/jquery.nice-number.js"></script>


<div class="card" style="width:12rem">
  <div class="card-header">
    <?php echo $row['product_name'] ?>
  </div>
  <img src="product-images/<?php echo $row['product_image']; ?>" class="card-img-top" alt="..." height="150px">
  <div>
    <span> &a