@Eobard

Стоит задача написать две таблицы в одной товар в другой корзина не пойму как доделать?

Добрый день уважаемые участники форума. Я js я новичек, на стажировке дали задание в левой части экрана сделать таблицу с товаром, в правой корзину, что бы при клике на товар, этот же товар отображался в корзине. Ниже есть код, всю голову сломал, как дальше сделать. Получилось осуществить только вот так, ниже скрин.
скрин
5db77fd085010425816537.png

При клике на товар, данные из первого массива переносятся во второй, но как сделать так, что бы выводилась таблица справа с этими данными не понимаю, прошу помощи)

let storageMock = [
  {id: 1, name: "GeForce GTX 980 Ti", price: 9790, amount: 35},
  {id: 2, name: "GeForce GTX TITAN Black", price: 57000, amount: 54},
  {id: 3, name: "AMD EPYC 7742", price: 133120, amount: 44},
  {id: 4, name: "Intel Xeon W-3175X", price: 175000, amount: 23},
  {id: 5, name: "Оперативная память Goodram 4 ГБ", price: 2456, amount: 111},
  {id: 6, name: "Оперативная память Hyper-x 2 ГБ", price: 1456, amount: 123},
];
let Basket = [];
document.addEventListener("DOMContentLoaded", function() {
  fillStorageTable(storageMock);
  Basket(Basket);
});


function fillStorageTable(items) {
  let storageTable = document.getElementById("storage");
  items.forEach(function(item) {
    let itemIDTD = document.createElement("td");
    itemIDTD.innerHTML = item.id;
    let itemTR = document.createElement("tr");
    let itemNameTD = document.createElement("td");
    itemNameTD.innerHTML = item.name;
    let itemPriceTD = document.createElement("td");
    itemPriceTD.innerHTML = item.price;
    let itemAmountTD = document.createElement("td");
    itemAmountTD.innerHTML = item.amount;
    itemTR.appendChild(itemIDTD);
    itemTR.appendChild(itemNameTD);
    itemTR.appendChild(itemPriceTD);
    itemTR.appendChild(itemAmountTD);
    itemTR.addEventListener("click", function () {
        fillBasket(item);
    })
    storageTable.appendChild(itemTR);
  });
} 

function fillBasket(item){
  Basket[Basket.length] = Object.assign({}, item);
  console.log(Basket);
}
  • Вопрос задан
  • 123 просмотра
Решения вопроса 1
XanXanXan
@XanXanXan
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы