sudikrt/Debouncing_Example_index.htm

## Debouncing_Example_index.htm
<html>
    <head>
        <title>Some Title</title>
    </head>
    <body>
        <h1>This is hello world</h1>
        <input type="text" onkeyup="betterFuntion()"/>
        <script src="./index.js"></script>
    </body>
</html>

## index.js
let counter = 0;
const getData = () => {
    //Call API to get data
    console.log ('Fetching data -- :' + counter++);
}
const deBounce = function (fn, delay) {
    let timer;
    return function () {
        let context = this, arg = arguments;
        clearTimeout (timer);
        timer = setTimeout (() => {
            fn.apply (context, arg);
        }, delay);
    }
}
const betterFuntion = deBounce  (getData, 300);
	<html>
	<head>
	<title>Some Title</title>
	</head>
	<body>
	<h1>This is hello world</h1>
	<input type="text" onkeyup="betterFuntion()"/>
	<script src="./index.js"></script>
	</body>
	</html>
	let counter = 0;
	const getData = () => {
	//Call API to get data
	console.log ('Fetching data -- :' + counter++);
	}
	const deBounce = function (fn, delay) {
	let timer;
	return function () {
	let context = this, arg = arguments;
	clearTimeout (timer);
	timer = setTimeout (() => {
	fn.apply (context, arg);
	}, delay);
	}
	}
	const betterFuntion = deBounce (getData, 300);