Как отобразить историю раннее введённых пользователем слов на html-странице

Question

Сейчас пользователь вводит слово, и если оно совпадает с половиной(целой частью от деления на 2) какого-либо слова из массива, выводится надпись "Найдено",а иначе "Не найдено"

Как сделать так, чтобы результаты поиска отображались на странице (слово и рядом найдено оно было или нет)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<input type="text" />
<p></p>
<script type="text/javascript">

let input = document.getElementsByTagName("INPUT")[0];
let p = document.getElementsByTagName("P")[0]
let words = ["милая", "миленький", "ужасный"]; //аналог списка слов, хранящегося в БД

input.addEventListener('input', function() { 
  p.innerHTML = '';
  if (this.value.length > 1) {
    let part = getPart(this.value);
    for (let i in words) {
      if (part == getPart(words[i])) { //сравниваем половины слов
        p.innerHTML = 'Найдено';
        break;
      }
       else {p.innerHTML = 'Не найдено';
       break;
     }
    }
  }
});

function getPart(val) {
  return val.substring(0, Math.floor(val.length / 2)).toLowerCase();
}

</script>
</body>
</html>

БЛОГ НА HUSL

Как отобразить историю раннее введённых пользователем слов на html-странице

Ответы (0 шт):