Как на js правильно прописать?

Question

[an]

Помогите правильно сделать

есть input с дефолтным значением и 2 кнопки +-

<div class="stepper">
                  
                  <input id="product-quantity" type="text" name="quantity" value="500" data-minimum="500" class="form-control"/>
                  <input id="product-id" type="hidden" name="product_id" value="{{ product_id }}" />
                  <span>
                  <i class="fa fa-angle-up"></i>
                  <i class="fa fa-angle-down"></i>
                </span>
                </div>

по нажатию умножает и делит на 2
таким скриптом

function journal_enable_stepper() {
	$('.stepper').each(function () {
		var $this = $(this);
		if ($this.data('_isEnabled')) {
			return;
		}
		$this.data('_isEnabled', true);

		var $input = $this.find('input[name^="quantity"]');
		var value = $input.val();
		var minimum = parseInt($input.data('minimum')) || 1;
		$this.find('.fa-angle-up').on('click', function () {
			$input.val(parseInt($input.val()) * 2);
			$input.trigger('change');
		});
		$this.find('.fa-angle-down').on('click', function () {
			if (parseInt($input.val()) > minimum) {
				$input.val(parseInt($input.val()) / 2);
				$input.trigger('change');
			}
		});
}

Значение по дефолту задается в админке, сейчас допустим оно 500, это 500штук в 1 упаковке

Сейчас если нажать на +, умножит на 2, то есть добавит 500(еще одну упаковку) = 1000, это ок
но если нажать еще раз на +, то уже будет 2000, т.к умножит уже 1000 на 2
Это не то пально
Нужно что бы множилось только на дефолтное значение, а именно на 500 (оно может быть и другое, которое задам)

Как это сделать подскажите?

Answer 1

[Nik Faraday]

function journal_enable_stepper() {
  $('.stepper').each(function () {
    var $this = $(this);
    if ($this.data('_isEnabled')) {
      return;
    }
    $this.data('_isEnabled', true);

    var $input = $this.find('input[name^="quantity"]');
    var value = $input.val();
    var minimum = parseInt($input.data('minimum')) || 1;
    $this.find('.fa-angle-up').on('click', function () {
      $input.val(parseInt($input.val()) + 500);
      $input.trigger('change');
    });
    $this.find('.fa-angle-down').on('click', function () {
      if (parseInt($input.val()) > minimum) {
        $input.val(parseInt($input.val()) - 500);
        $input.trigger('change');
      }
    });
}

Comments

[an]

вы не поняли
дефолтное значение будет меняться на каждом товаре и оно выставляется тут

<input id="product-quantity" type="text" name="quantity" value="500" data-minimum="500" class="form-control"/>

нужно его множить на 2, только его

[Nik Faraday]

an, тогда оттуда и берите его)

Ну, шутки шутками, вам тогда 100% его нужно где-то сохранить. Где? Думайте)

[Олег]

an,

$this.find('.fa-angle-up').on('click', function () {
      $input.val(parseInt($input.val()) + minimum);
      $input.trigger('change');
    });
    $this.find('.fa-angle-down').on('click', function () {
      if (parseInt($input.val()) > minimum) {
        $input.val(parseInt($input.val()) - minimum);
        $input.trigger('change');
      }

[an]

нт@politon, Спасибо Вам добрый человек!!!