JSFiddle - React, Tailwind, and code Playground
HTML
<input id="inputsearch" />
<div id="searchingresults">fddffd</div>
JavaScript
$('#inputsearch').keyup(function (event) {
var searchterms = $('#inputsearch').val();
console.log(searchterms);
$.ajax({
type: 'POST',
data: {
html: '<b>Ressults</b><p>Test1</p><p>Test2</p>'
},
url: '/echo/html/',
success: function (response) {
$("#searchingresults").empty().html(response);
}
});
});
$('html').click(function (event) {
if (!$(event.target).is('#inputsearch')) {
$('#searchingresults').empty().hide();
}
});