JSFiddle - React, Tailwind, and code Playground

by Brad Patton

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.0/mustache.js" />
<script id="template" type="text/template">
  {{#items}}{{name}}, {{/items}}
</script>
<div id='container'>

</div>
hi

JavaScript

$(function () {
  var items = {
    "items": [{
      "name": "red"
    }, {
      "name": "green"
    }, {
      "name": "blue"
    }]
  };
  var template = $("#template").html();
  console.log(template);
  var info = Mustache.render(template, items);
  console.log(info);
  $("#container").html(info);
})