Вы часто можете столкнуться с задачей реализации "ленивой" загрузке данных для товаров. Вот один пример кода на чистом JavaScript с использованием ES6 синтаксиса для реализации кнопки "Загрузить еще":
В этом примере мы создаем переменные container и loadMoreBtn, которые представляют элементы HTML на странице, куда мы будем отображать данные и кнопку "Загрузить еще". Мы также создаем переменные start и limit, чтобы отслеживать, сколько объектов мы уже отобразили и сколько объектов мы хотим отобразить за один раз.
В функции renderData мы отображаем каждый объект из массива data в виде нового элемента div на странице.
Функция loadData отвечает за отображение дополнительных объектов при нажатии на кнопку "Загрузить еще". Мы используем метод slice для выборки определенного количества объектов из массива data. Затем мы вызываем функцию renderData для отображения этих объектов на странице. Затем мы обновляем значение start, чтобы указать на следующий диапазон объектов, который нужно отобразить. Если мы достигли конца массива data, то мы скрываем кнопку "Загрузить еще".
Наконец, мы добавляем обработчик событий на кнопку "Загрузить еще", который вызывает функцию loadData.