use input event listener for word counter example closes #51 (#80)

* use input event listener for word counter example closes #51 * use template literals instead of string concatination
mdn · Oct 29, 2024 · 2e9fbac · 2e9fbac
1 parent d8f4090
commit 2e9fbac
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/word-count-web-component/main.js b/word-count-web-component/main.js
@@ -25,10 +25,9 @@ class WordCount extends HTMLParagraphElement {
     shadow.appendChild(text);
 
     // Update count when element content changes
-    setInterval(function() {
-      const count = `Words: ${countWords(wcParent)}`;
-      text.textContent = count;
-    }, 200);
+    this.parentNode.addEventListener('input', () => {
+      text.textContent = `Words: ${countWords(wcParent)}`;
+    });
   }
 }