template-sample-2.js

if ("content" in document.createElement("template")) {
  const features = [
    "HTML Template",
    "HTML Import",
    "Shadow DOM",
    "Custom Elements"
  ];

  const template = document.querySelector("#feature"); // (1)
  let listItem = template.content.querySelectorAll("li"); // (2)
  let list = document.getElementById("webcomponents"); // (3)
  features.forEach(feature => {
    listItem[0].textContent = feature; // (4)
    const clone = document.importNode(template.content, true); // (5)
    list.appendChild(clone); // (6)
  });
} else {
  document.body.appendChild(
    document.createTextNode("HTML templates are not supported")
  );
}