Как реализовать поиск в массиве массивов с выделением найденного по ключевым словам?

У нас есть массив который состоит из массива со строками
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?
Буду очень благодарен.
  • Вопрос задан
  • 242 просмотра
Решения вопроса 1
kulakoff
@kulakoff
Vue.js developing
Как вариант: jsfiddle.net/kulakoff/f929L4wg
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы