Apr 22, 2022
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