Apples List with Mustache Template

• apples-mustache.html

Key Points:

• innerHTML
• template element
• Mustache library

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

function buildFruitList(){
  let template = document.getElementById('apple-template').innerHTML ;
  console.log(template);
  let rendered = Mustache.render(template, fruits);
  console.log(rendered);
  document.getElementById('applelist').innerHTML = rendered;
}