JSFiddle - React, Tailwind, and code Playground
HTML
<div id="res"></div>
<input type="text" id='input'>
<div id="out"></div>
JavaScript
let a = ['town', 'city', 'new york', 'vegas', 'penza','coco','cent','now'];
res.innerHTML = a;
var out = document.all.out;
input.addEventListener('keyup', (e) => {
out.innerHTML = "";
a.filter(function(v){
if(v.search("^"+e.target.value) != -1)
return true;
return false;
}).map(function(el){
var p = document.createElement("p");
p.innerHTML = el;
out.appendChild(p)
});
});