1Sergey1
@1Sergey1

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

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

Заранее большое спасибо!
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
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;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы