JSFiddle - React, Tailwind, and code Playground

by Kevin Faulhaber

HTML

<div id="answer"></div>

JavaScript

var txt = ""
var products = new Array();
products[0] = {
    name: "refrigerator",
    price: 88.99,
    img: "img/refrigerator.jpg"
};
products[1] = {
    name: "microwave oven",
    price: 76.99,
    img: "img/microwave.jpg"
};
products[2] = {
    name: "dishwasher",
    price: 276.67,
    img: "img/dishwasher.jpg"
};
var carts = new Array();
carts[0] = 2;
carts[1] = 0;
carts[2] = 1;
carts[3] = 1;
carts[4] = 0;
carts[5] = 1;
carts[6] = 2;
carts[7] = 2;

for (var i = 0; i < carts.length; i++) {
    for (var j = 0; j < products.length; j++) {
        if (carts[i] == j) {
            txt = products[j].name + ' ' + products[j].price + " <img src='" + products[j].img + "'>"
            document.getElementById("answer").innerHTML += txt
        }
    }
}