Autocomplete

Basic - This is 1st version

by slawe

HTML

<input type="text" class="input">

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

JavaScript

var input = document.querySelector('.input'),
		people = ['Steven', 'Sean', 'Stefan', 'Sam', 'Nathan', 'Slawe'];
    
input.addEventListener('input', function(val) {
	var autoCompleteResult = matchPeople(this.value);
  document.getElementById("result").innerHTML = autoCompleteResult;
}, false);

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