Versatile debouncing function (useful for dynamically calling functions triggered by frequent user events)

debouncing.js

const debounce = (functionToBeCalled, delay = 1000) => {
  let timeoutId;
  return (...functionArgs) => {
    if (timeoutId) clearTimeout(timeoutId);
    timeoutId = setTimeout(
      () => functionToBeCalled.apply(null, functionArgs),
      delay
    );
  };
};

const aFunctionToCall = (eventValue) => console.log(`function called in response to ${eventValue}`);

// this example call uses the default value for delay
const onInput = debounce(event => aFunctiontoCall(event.target.value));

const input = document.querySelector("input");
input.addEventListener("input", onInput);