Фильтрация по странице .js

[Archie_]

Привет!)
Помогите пожалуйста чуть-чуть доработать скрипт.
Сейчас скрипт ищет строго то - что написано в инпуте, а надо что бы по словам, т.е. надо что бы скрипт брал первое слово из инпута и искал совпадение (как сейчас и происходит), затем брал второе слово из инпута и искал совпадения и т.д.
Например: Есть у нас слово "getFunctionInfoValue" и если я сейчас в инпут введу "get Info" то ничего не произойдет, т.к. у нас нету такой фразы, а нужно что бы отфильтровалось "getFunctionInfoValue"
https://codepen.io/anon/pen/EJeyPd

code code

HTML:

<input type="text" onkeyup="myFunction()" id="myInput" placeholder="Search">
 
 
<p>elit. Placeat mollitia, nam voluptatibus maxime sed, illum veniam harum quos getFunctionInfoValue? Rerum consectetur etFunctionInfoValue quia quaerat quos id. liquam repudiandae ducimus asperiores iusto illum!</p>
  
    <ul id="myUL">
        <li><a href="#"> getFunctionInfoValue, </a></li>
        <li><a href="#"> consectetur adipisicing elit.</a></li>
        <li><a href="#"> Placeat mollitia, nam voluptatibus</a></li>
        <li><a href="#"> setFunctionInfoValue</a></li>
        <li><a href="#"> axime sed, illum veniam harum quos? Rerum consectetur</a></li>
    </ul>
</div>

JS:

function myFunction() {
    var input, filter, ul, li, a, i;
    input = document.getElementById('myInput');
    filter = input.value.toUpperCase();
    ul = document.getElementById('myUL');
    li = ul.getElementsByTagName('li');
 
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName('a')[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
        } else
            li[i].style.display = "none";
    }
}