anisur2805/index.html

## index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" onkeyup="betterSearch()" id="name">
    <script type="text/javascript">
        const getData = () => {
          console.log( 'Fetching data' )
      }

      const debounce = function(fn, d) {
          let timer;
          return function(){
              let context = this,
                  args = arguments;
                  clearInterval(timer)
                  timer = setTimeout(() => {
                      fn.apply(context, args)
                  }, d);
          }
      }

      const betterSearch = debounce(getData, 300);
    </script>
</body>
</html>

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>
	<body>
	<input type="text" onkeyup="betterSearch()" id="name">
	<script type="text/javascript">
	const getData = () => {
	console.log( 'Fetching data' )
	}

	const debounce = function(fn, d) {
	let timer;
	return function(){
	let context = this,
	args = arguments;
	clearInterval(timer)
	timer = setTimeout(() => {
	fn.apply(context, args)
	}, d);
	}
	}

	const betterSearch = debounce(getData, 300);
	</script>
	</body>
	</html>