Derived: I made the debounce faster.

function debounce(fn, ms) {
  let t;
  const wrapped = (...args) => {
    clearTimeout(t);
    t = setTimeout(() => fn(...args), ms);
  };
  wrapped.cancel = () => clearTimeout(t);
  return wrapped;
}

const out = document.getElementById("out");
const run = debounce((v) => { out.textContent = "debounced: " + v; }, 100);
document.getElementById("q").addEventListener("input", (e) => run(e.target.value));