happymishra · June 30, 2019 18:48
diff --git a/debounce.html b/debounce.html
 <html>
    <body>
        <button id="click-btn">Click me!</button>
    </body>

    <script>
        var timerId;
        var clickBtn = document.getElementById('click-btn');

        var clickFunction = function(){
            console.log("No matter how many times you click me," + 
            "I will be called after 1 second you stop clicking me!")
        }

        var debounceFunction = function(func, delay) {
            clearTimeout(timerId)

            timerId = setTimeout(function(){
                func()
            }, 1000)
        }

        clickBtn.addEventListener('click', function(){
            debounceFunction(clickFunction, 200)
        })


    </script>
 </html>
	<html>
	<body>
	<button id="click-btn">Click me!</button>
	</body>

	<script>
	var timerId;
	var clickBtn = document.getElementById('click-btn');

	var clickFunction = function(){
	console.log("No matter how many times you click me," +
	"I will be called after 1 second you stop clicking me!")
	}

	var debounceFunction = function(func, delay) {
	clearTimeout(timerId)

	timerId = setTimeout(function(){
	func()
	}, 1000)
	}

	clickBtn.addEventListener('click', function(){
	debounceFunction(clickFunction, 200)
	})


	</script>
	</html>