## 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;
    }