javascript-tutorial
diff --git a/‎1-js/06-advanced-functions/09-call-apply-decorators/03-debounce/debounce.view/index.html
Lines changed: 24 additions & 0 deletions b/‎1-js/06-advanced-functions/09-call-apply-decorators/03-debounce/debounce.view/index.html
Lines changed: 24 additions & 0 deletions
@@ -0,0 +1,24 @@
+<!doctype html>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
+
+Funkce <code>handler</code> je volána na tomto vstupu:
+<br>
+<input id="input1" placeholder="type here">
+
+<p>
+
+Vyčkávací funkce <code>debounce(handler, 1000)</code> je volána na tomto vstupu:
+<br>
+<input id="input2" placeholder="type here">
+
+<p>
+<button id="result">Funkce <code>handler</code> umístí výsledek sem</button>
+
+<script>
+  function handler(událost) {
+    result.innerHTML = událost.target.value;
+  }
+
+  input1.oninput = handler;
+  input2.oninput = _.debounce(handler, 1000);
+</script>