JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<input type="text" style="width:200px" id="inputid" />
<input type="button" id="clearbtn" value="clear" />

JavaScript

$(document).ready(function(){
  var clear = false;
  var isTimerOn = false;
  function HandleChange(){
  	if(clear){
     // if clear button is clicked, do something
     $("#inputid").val("");
    }else{
     // if clear button is not clicked, do something else
     alert("do something else");
    }
    clear = false;
    isTimerOn = false;
  }
  
	$("#inputid").change(function() {
  	isTimerOn = true;
  	setTimeout(HandleChange, 80);
  });
   
   $("#clearbtn").click(function() {
     clear = true;
     if(!isTimerOn){
     	HandleChange();
     }
   });
});