var products = [

  {

    name: "Apple",

    description: "It might be fruit, or it might be an iPhone",

//  imageUrl: "images/apple.jpg"

    imageUrl: "http://lorempixel.com/150/150/"

  }, {

    name: "Dell",

    description: "Buy this one online at dell.com",

//  imageUrl: "images/dell.jpg"

    imageUrl: "http://lorempixel.com/150/150/"

  }, {

    name: "IBM",

    description: "If you want a mainframe they still have some",

//  imageUrl: "images/ibm.jpg"

    imageUrl: "http://lorempixel.com/150/150/"

  }, {

    name: "Toshiba",

    description: "Get a discount through SAIT (maybe)",

//  imageUrl: "images/toshiba.jpg"

    imageUrl: "http://lorempixel.com/150/150/"

  }, {

    name: "Atari",

    description: "Try a classic gaming machine",

//  imageUrl: "images/atari.jpg"

    imageUrl: "http://lorempixel.com/150/150/"

  }, {

    name: "Commodore",

    description: "64k should be enough for anyone",

//  imageUrl: "images/commodore.jpg"

    imageUrl: "http://lorempixel.com/150/150/"

  }

];

​

var table = document.getElementById("tbl");

products.forEach(function(product) {

  var row = document.createElement("tr");

  row.appendChild(createCell(product.name));

  row.appendChild(createCell(product.description));

  row.appendChild(createImageCell(product.imageUrl));

  table.appendChild(row);

});

​

function createCell(text) {

  var cell = document.createElement("td");

  cell.innerText = text;

  return cell;

}

​

function createImageCell(url) {

  var image = document.createElement("img");

  image.setAttribute("src", url);

  var cell = document.createElement("td");  

  cell.appendChild(image);

  return cell;

}