JSFiddle - React, Tailwind, and code Playground

by helgatheviking

HTML

<div class="quantity">
  <input class="minus" type="button" value="-">
  <input type="number" value="1" class="input-text qty text" size="4" />
  <input class="plus" type="button" value="+">
</div>
<div id="change">
 </div>

JavaScript

$('.plus').on('click', function(e) {
  var val = parseInt($(this).prev('input').val());
  $(this).prev('input').val(val + 1).change();
});

$('.minus').on('click', function(e) {
  var val = parseInt($(this).next('input').val());
  if (val !== 0) {
    $(this).next('input').val(val - 1).change();
  }
});

$('.quantity').on('change', '.qty', function(event) {
  $('#change').html('value = ' + $(this).val());
});

$('.qty').change();