Как изменить данные в блоке html после изменения input?

const btnsVal = [];
// Функция пересчитывает итоговую сумму
function calcPrice() {
  $('#priceTotal').html((+$('#price').val() * (1 + btnsVal.reduce((i, c) => i + c, 0) * 2 / 100)).toFixed(2) + ' ₽');
}
// Запускается, когда document полностью отрисован в браузере
$(document).ready(function() {
  // Берем контейнер для кнопок
  const btns = $('#btns');
  // Размещаем в цикле 4 группы кнопок
  for (let i = 0; i < 4; i++) {
    // Добавляем начальное значение для каждой группы 
    btnsVal.push(0);
    // В input добавлен id группы для облегчения идентификации + в data атрибут положено минимально допустимое значение
    // В кнопки/ссылки добавлен класс clickBtn для селектора
    btns.html(btns.html() + `<div class="quantity_inner">
            <a href="javascript:;" class="clickBtn bt_minus">
                <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
            </a>
            <input type="text" value="0" size="2" class="quantity" data-max-count="4" data-min-count="0" data-idx="${i}" />
            <a href="javascript:;" class="clickBtn bt_plus">
                <svg viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
            </a>
        </div>`);
  }
  // При нажатии на кнопку +/-
  $('.clickBtn').click(function() {
    // Берем значение группы
    let $input = $(this).parent().find('.quantity');
    // Изменяем значение в зависимости от того, что это за кнопка, плюс или минус
    let count = +$input.val() + ($(this).hasClass('bt_minus') ? -1 : 1);
    // Проверяем, не выходит ли новое значение за допустимые пределы
    if (+$input.data('min-count') <= count && +$input.data('max-count') >= count) {
      // Если не выходит, меняем значение и пересчитываем
      $input.val(count);
      btnsVal[$input.data('idx')] = count;
      calcPrice()
    }
  });

  calcPrice();
})

.quantity_inner * {
  box-sizing: border-box;
}

.quantity_inner {
  display: flex;
  justify-content: center;
}

.quantity_inner .bt_minus,
.quantity_inner .bt_plus,
.quantity_inner .quantity {
  color: #BFE2FF;
  height: 40px;
  width: 40px;
  padding: 0;
  margin: 10px 2px;
  border-radius: 10px;
  border: 4px solid #BFE2FF;
  background: #337AB7;
  cursor: pointer;
  outline: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.2);
}

.quantity_inner .quantity {
  width: 50px;
  text-align: center;
  font-size: 22px;
  color: #FFF;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.quantity_inner .bt_minus svg,
.quantity_inner .bt_plus svg {
  stroke: #BFE2FF;
  stroke-width: 4;
  transition: 0.5s;
  margin: 4px;
}

.quantity_inner .bt_minus:hover svg,
.quantity_inner .bt_plus:hover svg {
  stroke: #FFF;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<!-- Исходное значение -->
<input name="price" id="price" type="hidden" value="790">

<div id="priceShow" class="param__value">
  <div id="priceTotal" style="margin-right: 10px;color: #000;background: #ffca00;line-height: 21px;padding: 0 6px 0;border-radius: 4px;font-weight: 600;font-size: 14px;">
    0 ₽
  </div>
</div>

<div id="btns">

</div>