JSFiddle - React, Tailwind, and code Playground

by Brunno Romero

HTML

<input type="text" onkeyup="changeInput(this.value)">

<div id="result">
</div>

JavaScript

var fruits = ['banana', 'melao', 'uva', 'melancia'];

function matchFruit(input) {
  var reg = new RegExp(input.split('').join('\\w*').replace(/\W/, ""), 'i');
  return fruits.filter(function(fruit) {
    if (fruit.match(reg)) {
      return fruit;
    }
  });
}

function changeInput(val) {
  var autoCompleteResult = matchFruit(val);
  document.getElementById("result").innerHTML = autoCompleteResult;
}