throttle&debounce

Sunanda01 · Sunanda01 · commit 34f0217409bd · 2024-07-18T21:38:26.000+05:30
diff --git a/AdvancedJS/Throttle&Debounce/debounce.js b/AdvancedJS/Throttle&Debounce/debounce.js
@@ -0,0 +1,25 @@
+const btn=document.querySelector("#btn");
+const bc=document.querySelector("#bc");
+const tc=document.querySelector("#tc");
+
+var c_count=0, t_count=0;
+
+const mydebounce=(cb,d)=>{
+    let timer;
+    return(...args)=>{
+        if(timer) clearTimeout(timer);
+        timer=setTimeout(()=>{
+            cb(...args);
+        },d);
+    }
+}
+
+const debounce_apply=mydebounce((...args)=>{
+    tc.innerHTML=++t_count;
+    console.log(args[0]+args[4]);
+},1000);
+
+btn.addEventListener("click",()=>{
+    bc.innerHTML=++c_count;
+    debounce_apply(5,6,7,8,9);
+})
diff --git a/AdvancedJS/Throttle&Debounce/index.html b/AdvancedJS/Throttle&Debounce/index.html
@@ -10,7 +10,8 @@ <h1>THROTTLING & DEBOUNCING</h1>
     <button id="btn">CLICK ME</button>
     <p>CLICKED: <span id="bc"></span></p>
     <p>TRIGGERED: <span id="tc"></span></p>
-<!-- <script src="debounce.js"></script> -->
-<script src="throttle.js"></script>
+
+ <!-- <script src="debounce.js"></script>  -->
+<!-- <script src="throttle.js"></script> -->
 </body>
 </html>
