Как сделать счетчик карт товара на jQuery?

Question

[grande2k]

Здравствуйте, не подскажите как сделать счетчик, чтоб при нажатии на плюс количество товаров увеличивалось на 1, и если на минус следовательно уменьшалось. Спасибо)

<div class="calc-card__counter">
     <div class="card-counter__circle minus"><i class="fas fa-minus"></i></div>
     <h6>1</h6>
     <div class="card-counter__circle plus"><i class="fas fa-plus"></i></div>
</div>

Answer 1

[CarfikDK]

Могут быть косяки в написано коде (писал с телефона), но должно так работать

var counter  = $('.counter').val();

$(".plus"). click (function(){
  counter++;
  $('.counter').val(counter);
});

$(".minus"). click (function(){
  if(counter !== 0){
counter--;
$('.counter').val(counter);
} else {
alert("Значение равно 0");
}

});

Ну и чтобы прилепить его на фронт (не уверен есть ли у h value, но можете заменить на input disable)
<h6 class="counter" value='1'></h6>

Comments

[grande2k]

Спасибо!

[Fedor Vlasenko]

Счетчик цифр
Вариант на jQuery
Вариант на нативном JS