[js] [html] How to handle input onChange while searching

OnChangeInputSearch.js

var typingDelay = 500; // miliseconds
var timer = null;
function showSpinner(){
  // ...
}
function hideSpinner(){
  // ...
}
function doAjax(value){
  // ...
}

////////////// USING JQUERY ///////////////////////
$("#my-input").on("input propertychange", function(){
  showSpinner();
  var value = this.value;
  if(timer !== null) clearTimeout(timer);
  if(value === ""){
    hideSpinner();
  } else{
    timer = setTimeout(function(){
      doAjax(value);
    }, typingDelay);
  }
});

////////////// USING REACT JS / ES6 ///////////////////////
// inside class:
onChangeInput = value => {
  this.setState({
    showSpinner: true
  });
  
  if(timer !== null) clearTimeout(timer);
  if(value === ""){
    this.setState({
      showSpinner: false
    });
  } else{
    timer = setTimeout(()=>{
      this.doAjax(value);
    }, typingDelay);
  }
}