JavaScript Debounce Function

debounce.js

function debounce(callback, timeout = 500) {
    let timer;
    return (...args) => {
        clearTimeout(timer);
        timer = setTimeout(() => {
            callback.apply(callback, args);
        }, timeout);
    };
}

/** Sample usage **/

// Create log function that log the value from HTML Input.
function logInput(e) {
    console.log(e.target.value);
}

// Create function that wrapped with debounce.
const captureInput = debounce(logInput, 1000);

// Finding HTML Input in HTML Document.
const input = document.getElementById("myinput");

// Add event listener for onChange event. then it will pass event argument as parameter to debounce function.
input.addEventListener('change', captureInput);