JSFiddle - React, Tailwind, and code Playground
HTML
<input type='text' id='input'><br>
<div id="con"></div>
<div id="result"></div>
JavaScript
var arr = [
'Advance',
'Belfair',
'Belleview',
'Boonville',
'Conestoga',
'Cotopaxi',
'pf-1007'
]
for(var i = 0; i < arr.length; i++){
result.innerHTML += arr[i]+'<br>';
}
input.addEventListener('input', function()
{
var reg = new RegExp(input.value,'i');
var res = '';
for(var i = 0; i < arr.length; i++)
{
if(arr[i].search(reg) != -1) res += arr[i]+'<br>';
}
result.innerHTML = res;
});