JSFiddle - React, Tailwind, and code Playground

HTML

<div id="res"></div>
<input type="text" id='input'>

JavaScript

let a = ['town', 'city', 'new york', 'vegas', 'penza'];
res.innerHTML = a;
input.addEventListener('keyup', (e) => {
  let p = document.createElement('p'),
    splt = [];
  if (input.value.length - 1 === 0) {
    splt = 0
    e.preventDefault();
    return 0;
  } else {
    splt = a[input.value.length - 1].split('');
    for (let i = 0; i < a.length; i++)
      for (let j = input.value.length - 1; j < input.value.length; j++)
        if (input.value[i] === splt[j]) {
          p.innerHTML = a[input.value.length - 1];
          document.body.appendChild(p);
        }
  }
});