Как выводить элемента цикла с остановками?

Question

[Сергей]

Добрый вечер, есть большой объект, от пользователя берется ввод текста и ищется ему соответствие в объекте, если нахожу => вывожу в блок. Можно как-то вывести например первые 3 элемента совпавшие, а далее по клику на кнопку выводить определенное кол-во остальных (например по 3).
Сейчас я вывожу все элементы притом предварительно генерируя их и пряча на странице в скрытый div (мне кажется это рукожопство)
https://jsfiddle.net/fzLq7usg/

Заранее большое спасибо!

Answer 1

[0xD34F]

const found = Object.keys(obj).filter(n => n.toLowerCase().includes(search));
const SHOW = 2;
const button = document.querySelector('button');
const out = document.querySelector('#out');

button.addEventListener('click', showFound);
showFound();

function showFound() {
  out.insertAdjacentHTML('beforeend', found
    .splice(0, SHOW)
    .map(n => `<div>${n}</div>`)
    .join('')
  );

  button.disabled = !found.length;
}

Comments

[Сергей]

Спасибо большое)