Using base JavaScript to add array of data to page

script.js

var menu = [
  {
    name: "Pizza",
    cost: 10,
    isGood: true
  },
   {
    name: "Sandwich",
    cost: 10,
    isGood: true
  }
 ];

var menuElem = document.getElementById("menu");

for(var i = 0; i < menu.length; i++) {
  var listElem = document.createElement("li");
  var listText = document.createTextNode("name: " + menu[i].name + " cost: " + menu[i].cost);
  listElem.appendChild(listText);
  menuElem.appendChild(listElem);
}