Debounce input event with vanilla js

debounce.js

// Debounce input event on vanilla js
// let debounceTimer;
// function handleInput(e) {
//   window.clearTimeout(debounceTimer);
//   debounceTimer = window.setTimeout(() => console.log(e.target.value), 1000);
// }

// document.querySelector('#input').addEventListener('input', handleInput);

// Use higher-order debounce function to debounce an event listener
const debounce = (callback, time) => {
  let debounceTimer;
  return (e) => {
    window.clearTimeout(debounceTimer);
    debounceTimer = window.setTimeout(callback.bind(null, e), time);
  };
};

function handleInput(e) {
  console.log(e.target.value);
}

document
  .querySelector('#input')
  .addEventListener('input', debounce(handleInput, 1000));