JSFiddle - React, Tailwind, and code Playground

by Augustus Yuan

HTML

<label for="search">Search</label>
<input id="search" type="text" />

JavaScript

var searchElement = document.getElementById('search');

var debouncedSearch = debounce(search, 100);

searchElement.addEventListener('keyup', debouncedSearch);



function search(e) {
  console.log('searching');
}

function debounce(fn, interval) {
  var currentTimeout;
  return (function() {
    if (currentTimeout) {
      clearTimeout(currentTimeout);
    }
    currentTimeout = setTimeout(function() {
      fn();
    }, interval);
  });
}