У нас есть массив который состоит из массива со строками
var array = [['слово', 'второе слово'],['третье слово','четвёртое слово']];
Есть html, сформированный из array
<input type="text">
<ol>
<li>
<div>слово</div>
<div>второе слово</div>
</li>
<li>
<div>третье слово</div>
<div>четвёртое слово</div>
</li>
</ol>
Нужно чтобы ключевыми словами из input формировался список
<ol>
.
Например:
<input type="text" value="рое">
<ol>
<li>
<div>слово</div>
<div>вто<b>рое</b> слово</div>
</li>
</ol>
Еще один пример:
<input type="text" value="рое ово">
<ol>
<li>
<div>сл<b>ово</b></div>
<div>вто<b>рое</b> сл<b>ово</b></div>
</li>
<li>
<div>третье сл<b>ово</b></div>
<div>четвёртое сл<b>ово</b></div>
</li>
</ol>
Последний пример:
<input type="text" value="тое">
<ol>
<li>
<div>третье слово</div>
<div>четвёр<b>тое</b> слово</div>
</li>
<li>
<div>слово</div>
<div>второе слово</div>
</li>
</ol>
Как реализовать это на JavaScript?
Буду очень благодарен.