Как переместить товары из корзины в список заказов? - PullRequest
Новая
       4

Как переместить товары из корзины в список заказов?

1 голос
/ 13 июля 2020

Я новичок в программировании и хотел бы получить вашу помощь и / или руководство по моей корзине покупок. Как сделать так, чтобы товары из моей корзины переместились в «Мой текущий список» при нажатии кнопки «Купить». Я могу понять, как сделать их из раздела товаров в моей тележке, но не из корзины в мой список заказов.

Для функции «Purchaseclicked» при нажатии на «Купить» я хотел бы ...

  1. Товары в корзине должны быть удалены.
  2. Элементы в корзине будут добавлены в раздел ниже ... Раздел «Текущий список».

Я хотел бы, чтобы вы помогли на Javascript конце. 

function purchaseClicked() {

alert('Thank you for your purchase')
var cartItems = document.getElementsByClassName('cart-items')[0]
while (cartItems.hasChildNodes()) {
cartItems.removeChild(cartItems.firstChild)

}

updateCartTotal()
updateTotalRemaining()

var button = event.target
var shopItem = button.parentElement.parentElement
var title = shopItem.getElementsByClassName('shop-item-title')[0].innerText
var price = shopItem.getElementsByClassName('shop-item-price')[0].innerText
addItemToList(title, price)

} 

function addItemToList(title, price) {
     var listRow = document.createElement('div')
     listRow.classList.add('list-row')
    listRow.innerText = title
    var listItems = document.getElementsByClassName('list-items')[0]
    var listItemNames = listItems.getElementsByClassName('list-item-title')
   
    for (var i = 0; i < listItemNames.length; i++) {
        if (listItemNames[i].innerText == title) {
        alert('This item is already added to the list')
        return
    }
}

var listRowContents = `
    <div class="list-item list-column">
       
        <span class="list-item-title">${title}</span>
    </div>
    <span class="list-price list-column">${price}</span>
    <div class="list-quantity list-column">
        <input class="list-quantity-input" type="number" value="1">
        <button class="btn btn-danger" type="button">REMOVE</button>
    </div>`

listRow.innerHTML = listRowContents
listItems.append(listRow)
listRow.getElementsByClassName('btn-danger')[0].addEventListener('click', removeCartItem)
listRow.getElementsByClassName('list-quantity-input')[0].addEventListener('change', quantityChanged)

}

...