Use template literals and const instead of var

Author: knagurski

word-count-web-component/main.js

@@ -5,32 +5,30 @@ class WordCount extends HTMLParagraphElement {
     super();
 
     // count words in element's parent element
-    var wcParent = this.parentNode;
+    const wcParent = this.parentNode;
 
     function countWords(node){
-      var text = node.innerText || node.textContent
+      const text = node.innerText || node.textContent;
       return text.split(/\s+/g).length;
     }
 
-    var count = 'Words: ' + countWords(wcParent);
+    const count = `Words: ${countWords(wcParent)}`;
 
     // Create a shadow root
-    var shadow = this.attachShadow({mode: 'open'});
+    const shadow = this.attachShadow({mode: 'open'});
 
     // Create text node and add word count to it
-    var text = document.createElement('span');
+    const text = document.createElement('span');
     text.textContent = count;
 
     // Append it to the shadow root
     shadow.appendChild(text);
 
-
     // Update count when element content changes
     setInterval(function() {
-      var count = 'Words: ' + countWords(wcParent);
+      const count = `Words: ${countWords(wcParent)}`;
       text.textContent = count;
-    }, 200)
-
+    }, 200);
   }
 }