﻿//console.log(testData);

var content=[];

var headingIndex = 0;
for (cellData in testData) {
  document.getElementById("cellNameTemplate").innerText = testData[cellData]["name"];
  document.getElementById("cellImageTemplate").className = ("b"+ cellData); //menu-sprite 
  document.getElementById("cellNumberTemplate").innerText = testData[cellData]["num"];
  var cellTemplate = document.getElementById("cellTemplate").outerHTML;
  content.push(cellTemplate);
  
  headingIndex++;
  if (headingIndex >= 30){
    headingIndex = 0;
    content.push(document.getElementById("headingTemplate").outerHTML);
  }
}
content.push(document.getElementById("spacerTemplate").outerHTML);
content = content.join("");
document.getElementById('content').innerHTML = content;





@@ -242,16 +242,28 @@
 ame = (%22
+menu-sprite 
 b%22+ cell
@@ -272,23 +272,8 @@
 ta);
- //menu-sprite 
 %0D%0A  

Update script.js