В настоящее время я создаю торговый сайт в Html & Js для проекта, но, похоже, в моей корзине возникла ошибка. ⇐ Html

[Anonymous]

Если я добавляю товар в корзину (устанавливаю количество выше 0), у меня возникает странная ошибка: только у первого объекта есть изображение, а у остальных нет. Я не знаю, как это исправить и где была моя ошибка.
Краткое описание того, что я сделал:
Сначала я написал обе функции, добавил первый объект в корзину, все работало, но как только я добавил второй элемент, только у первого было изображение, но я хотел, чтобы оно было у обоих. Я попытался переписать cart_loader(); но это не сработало. Я попробовал загрузить другое изображение, но это не сработало, и я попытался найти ошибку, распечатав все в консоли отладки.
let cart = [
{id: 1, name:"Ryzen 7 7800X3D", price:455, quantity:0, finalprice: 0, img:"graphics/r7x3d.png",},
{id: 2, name:"r9_9900X", price:470, quantity:0, finalprice: 0, img:"graphics/r7x3d.png",},
{id: 3, name:"r9_9800X3D", price:760, quantity:0, finalprice: 0, img:"graphics/r7x3d.png",},
{id: 4, name:"r5_7500f", price:122, quantity:0, finalprice: 0, img:"graphics/r7x3d.png",},
{id: 5, name:"rx_7900XTX", price:910, quantity:0, finalprice: 0, img:"graphics/r7x3d.png",},
{id: 6, name:"Herr Dreier", price:69420, quantity:0, finalprice: 0, img:"graphics/r7x3d.png",},
{id: 7, name:"rx_7700XT", price:540, quantity:0, finalprice: 0, img:"graphics/r7x3d.png",},
{id: 8, name:"r7_7800X3D", price:455, quantity:0, finalprice: 0, img:"graphics/r7x3d.png",},
];

function addCartItem(img, Names, price, id) {
cartList = document.querySelector("#cart ul");
li = document.createElement("li");
li.innerHTML = `


${Names}
Quantity

1
2
3
4

${price}


`;
cartList.appendChild(li);
};

function cart_loader() {
load_cart();
x = 0;
while (x < cart.length) {
price_calc(x);
if (cart[x].quantity >= 1) {
addCartItem(cart[x].img, cart[x].name, cart[x].finalprice + "€", cart[x].id)
};
x++;
};
total_price();
};
cart_loader();


Подробнее здесь: https://stackoverflow.com/questions/793 ... ut-there-s