--

My personal style is keeping pure JS, but this way:

function displayCart() {

for (let i = 0; i < cart.length; i++) {

const parent = document.getElementById('cart-item-' + i)

processItem(i, parent)

}

}

function processItem(i, parent) {

processImageTag(i, parent)

processNameTag(i, parent)

processPriceTag(i, parent)

processDeleteTag(i, parent)

}

function processImageTag(i, parent) {

var imageTag = document.createElement('img');

imageTag.src = cart[i].img;

imageTag.setAttribute('class', 'w-10 h-10 object-cover rounded-md');

parent.appendChild(imageTag);

}

// and so on...

// NOT tested

--

--

Responses (1)