она не знает, что это кусок

ты передал ей массив, она взяла и всё что передали отрендерила

код простой получится )

что-то типа map :-)

я просто немного по другому размышлял, первый рендер  с параметром(число) которое будет использоваться чтобы отрендерить нужное кол-во от массива, ну вдруг я захочу не 10 отрезать а 15 для первого раза. и далее сохранять этот результат и по кнопке еще резать дальше

ты этим связываешь свою функцию и массив

типа такого function renderCards(amount) {
   let asdd = amount - 1
   for (let i = 0; i = asdd; i++) {
   }
}

чтобы брать данные, функции придется обращаться к массиву, который ей не передавали

таким образом функция неявно зависит от наличия этого массива где-то в области видимости, а это плохо

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

надо стараться делать функции чистыми, т.е. такими, которые не зависят от внешних факторов.
ты ей что-то дал на вход, она тебе что-то дала на выход. и всё.

такие функции легче писать, тестировать и рефакторить

ну по сути массив есть он получается по fetch. одним разом, т.е. не качается с сервака по кнопке

ля инет упал

ща попробую написать ченить. забавно могу код писать но с логикой беда

написал функцию которая рендерит все объекты после фетча через форич

но мне надо первые 10 а потом еще 10 по кнопке

мужики я сделал 😂 не знаю правильно или нет но работает вроде как надо

Показывай, а то, судя по коду выше, у тебя есть траблы с массивами

пока немогу только функционал сделал, надо еще css причесать и вообще js код, суть:
1. сделал функцию которая получает массив(любой длины) и вставляет его в html через foreach
2. прокинул в нее массив обрезанный сразу после фетча с нужным количеством
3. далее сделал функцию которая по кнопке чистит полностью контейнер с картами и добавляет +3 карточки и рендерит все снова
еще добавил лоадер на время фетча, думаю че еще красивое сделать. надо css щас прикрасить