JSFiddle - React, Tailwind, and code Playground

by ababinili

HTML

"cart": [
    {
      "id": "1",
      "name": "Бластерная винтовка DC-15A",
      "price": "5000",
      "category": "Clone_weapon",
      "imgBig": "img/Layer_4.jpg",
      "imgSmall": "img/card_item.jpg",
      "quantity": "NaN"
    },
    {
      "id": "2",
      "name": "Ручной бластер DC-17",
      "price": "35000",
      "category": "Clone_weapon",
      "imgBig": "img/Layer_4.jpg",
      "imgSmall": "img/card_item.jpg",
      "quantity": "2"
    }
  ]

JavaScript

$catalItem.on('click', '.block_add_hover_text', function () {

            var good = $(this).data();

            if ($('#cart-1').length > 0) {
           
                var goodIncart = $('#cart-' + good.id).data();

                $.ajax({
                    url: 'http://localhost:3000/cart/' + good.id,
                    type: 'PATCH',
                    dataType: 'json',
                    data: { quantity: +goodIncart.quantity + 1 },
                    success: function () {
                        bilderCart();
                    }
                })
            } else {
                good.quantity = 1;
                $.ajax({
                    url: 'http://localhost:3000/cart',
                    type: 'POST',
                    dataType: 'json',
                    data: good,
                    success: function () {
                        bilderCart();
                    }
                })
            }
        });