Add tagged templater literals

Author: shama

tagged-template-literals/README.md

@@ -0,0 +1,9 @@
+# ES6 Tagged Template Literals
+
+> [https://www.youtube.com/watch?v=c9j0avG5L4c](https://www.youtube.com/watch?v=c9j0avG5L4c)
+
+Install [Node.js](https://nodejs.org/).
+
+Then run `node index.js` to run the example.
+
+Or `npm start` and go to http://localhost:9966 in the browser.

tagged-template-literals/index.js

@@ -0,0 +1,30 @@
+// var polar = false
+// var bears = `
+// ${polar ? 'Polar' : ''}
+// Brown
+// Grizzly
+// `
+// var out = `Bears: ${bears.split('\n').join(', ')}`
+// console.log(out)
+
+// var bears = ['Polar', 'Brown', 'Grizzly']
+// var html = `<ul>
+//   ${bears.map(function (bear) {
+//     return `<li>${bear}</li>`
+//   }).join('')}
+// </ul>`
+// console.log(html)
+
+var bear = 'Grizzly'
+var createElement = html`<div>${bear}</div>`
+
+function html (strings, expr1, expr2, expr3) {
+  return function () {
+    var el = document.createElement('div')
+    el.textContent = expr1
+    return el
+  }
+}
+
+document.body.appendChild(createElement())
+

tagged-template-literals/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "tagged-template-literals",
+  "version": "0.1.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "budo index.js",
+    "test": "node test.js"
+  },
+  "author": "Kyle Robinson Young <[email protected]> (http://dontkry.com)",
+  "license": "MIT",
+  "devDependencies": {
+    "budo": "^8.3.0"
+  }
+}