Javascript debounce function

index.ts

/**
 * Debounces a function by delaying its execution until a certain amount of time has passed without any further calls.
 * @param {Function} func - The function to be debounced.
 * @param {number} delay - The delay in milliseconds.
 * @returns {Function} - The debounced function.
 */
function debounce(func: Function, delay: number): Function {
  let timeout: ReturnType<typeof setTimeout>;
  return function (...args: any[]) {
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(this, args), delay);
  };
}

let debouncedHandleSearch = debounce(handleSearch, 250); // Delay the search function call by 250ms

const inputElm = document.querySelector('input[type="search"]');

inputElm.addEventListener('keydown', (e)=>{
  debouncedHandleSearch(e.target.value);
});