JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="facetSearchBox" />
<div id="test"></div>
JavaScript
$("#facetSearchBox")
.live("keyup",
function() {
$("#test").empty();
facetSearch();
});
function facetSearch(){
var facetSearchTerm = $("#facetSearchBox").val();
facetSearchTerm = facetSearchTerm.toLowerCase();
var inputArray=["mark zuckerberg"
,
"ben s bernanke"
,
"ben bernanke"
,
"sven grundberg"
,
"michael bloomberg"
,
"robert powell"
,
"kenneth lieberthal"
,
"frank boulben"];
var re = new RegExp(facetSearchTerm, "i");
var outputArray = inputArray.filter(function(item) {
return re.test(item);
});
for(var k=0; k<outputArray.length;k++){
$("#test").append(outputArray[k] + "<br>" );
}}