Apples List with Handlebars Template

• apples-handlebars.html

Key Points:

• innerHTML
• "template" element
• Handlebars library
• Template is "compiled" into a function

<template id="apple-template">
  <ul>
  {{#apples}}
    <li>{{ . }}
  {{/apples}}
  </ul>
</template>

function buildFruitList(){
  let template = document.getElementById('apple-template').innerHTML ;
  console.log(template);
  let compiledTemplate = Handlebars.compile(template);
  let rendered = compiledTemplate(fruits);
  document.getElementById('applelist').innerHTML = rendered;
}