ES6 Tagged Template Example

widget.js

function tag(strings,...values) {
  let newStr = "";
  console.log(strings); 
  console.log(strings.join());
    values.forEach(function(value, i) {
      console.log(value, i)
      newStr += strings[i] + 'contents for widget' + value
    });
    newStr += strings[strings.length -1];
    console.log(newStr);
    
}

const template = tag`
  <div>
    <widget>${1}</widget>
  <div>
  <div>
    <widget>${2}</widget>
  </div>`;