Почему корзина работает некорректно?

Question

[llena440]

у меня проблемы с корзиной. все было ок, пока я не стала писать код, для того чтобы не было повторов в ней(повторов с счетчиком, то есть чтобы товар, добавляемый второй раз не добавлялся снова), сначала товары были в корзине, но с NaN, но сейчас с нужным счетчиком но вне корзины

Спасибо!!

Comments

[ThunderCat]

у меня проблемы с корзиной. все было ок, пока я не стала писать код, для того чтобы не было повторов в ней

Код в фиддл имеет смысл закидывать если он там хоть как-то работает. Если у вас проблема с конкретным куском кода, выкладывайте только этот кусок, будет достаточно.

сначала товары были в корзине, но с NaN, но сейчас с нужным счетчиком но вне корзины

Для кода понятия, приведенные вами, абсолютно бессмысленны (и вообще не понятно что вы имеете в виду), выражайтесь более профессионально, терминами кода и ЯП.

[Сергей Сергей]

Дивная вёрстка, мне нравится.

[llena440]

ThunderCat, -_-

[llena440]

Сергей Сергей, -_-

[ThunderCat]

llena440,

-_-

не спать!

[llena440]

ThunderCat, а разве не достаточно того, что у меня работают кнопки и пустая корзина (в надежде на вашу помощь)

[Сергей Сергей]

-_-

Ничо не знаю, у меня глаза у́же.
Просто мой внутренний эстет поперхнулся и не даёт в полной степени оценить код, чтобы помочь полноценно. Но переменная cardWrapper, на первый взгляд, должна быть локальной, думаю, потому что "class2" несколько в разметке.

[ThunderCat]

llena440, ок, как определить что кнопки работают?
Что вы меняли что работало и перестало?
Какова у вас структура корзины и как вы проверяете/добавляете.

А то у вас как в том анекдоте: Приходит ветеринар к терапевту, садится и молчит.
Терапевт: - На что жалуетесь?
Ветеринар: - Нее, ну так каждый может...

[llena440]

ThunderCat, 1. нажмите на кнопки, внизу появится товар
2. меняю строчку const cartWrapper = document.querySelector(".class2"); раньше там стоял #container2 (оболочка всех class2) и товар удваивался, до этого стоял .cart-wrapper из шаблона корзины и насколько помню тогда был NaN\, так как там не было id
3. вот корзина

<!-- Корзина -->
			<div class="col-md-4">

				<!-- Корзина -->
				<div class="card mb-4">
					<div class="card-body">
						<h5 class="card-title">Ваш заказ</h4>

							<div data-cart-empty class="alert alert-secondary" role="alert">
							Корзина пуста
						</div>
           <div class="cart-wrapper">
                <div class="cart-item">
                    <div class="cart-item_top">
                        <div class="cart-item_img">
                            <img src="">
                        </div>
                        <div class="cart-item_desc">
                            <div class="cart-item_title"></div>
                            <div class="cart-item_weight"></div>
                            <div class="cart-item_details">
                                <div class="items items--small counter-wrapper">
                                    <div class="items_control" data-action="minus">-</div>
                                <div class="item_current" data-counter>1</div>
                                <div class="items_control" data-action="plus">+</div>
                                </div>
                                <div class="price">
                                    <div class="price_currency"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
           <!-- Стоимость заказа -->
						<div class="cart-total">
							<p data-cart-delivery class="none">
								<span class="h5">Доставка:</span>
								<span class="delivery-cost">250 ₽</span><br>
								<span class="small">Бесплатно при заказе от 600 ₽</span>
							</p>
							<p><span class="h5">Итого:</span>
								<span class="total-price">0</span>
								<span class="rouble">₽</span></p>
						</div>
						<!-- // Стоимость заказа -->

					</div>

					<!-- Оформить заказ -->
					<div id="order-form" class="card-body border-top none">
						<h5 class="card-title">Оформить заказ</h4>
						<form>
							<div class="form-group">
								<input type="text" class="form-control" placeholder="Ваш номер телефона">
							</div>
							<button type="submit" class="btn btn-primary">Заказать</button>
						</form>
					</div>
					<!-- // Оформить заказ -->

				</div>
				<!-- // Корзина -->

вот добавление товара:

const cartItemHTML = ` 
             <div class="cart-item" data-id="${productInfo.id}">
            <div class="cart-item_top">
                <div class="cart-item_img">
                    <img src="${productInfo.imgSrc}" width="50px" height="50px">
                </div>
                <div class="cart-item_desc">
                    <div class="cart-item_title">${productInfo.title}</div>
                    <div class="cart-item_weight">${productInfo.weight}</div>
                    <div class="cart-item_details">
                        <div class="items items--small counter-wrapper">
                            <div class="items_control" data-action="minus">-</div>
                        <div class="item_current" data-counter>1</div>
                        <div class="items_control" data-action="plus">+</div>
                        </div>
                        <div class="price">
                            <div class="price_currency">${productInfo.price}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`;
        cartWrapper.insertAdjacentHTML('beforeend', cartItemHTML);