Как получить определенное количество объектов из запроса fetch?

Question

[drotsyk]

У меня есть ссылка с данными https://api.cryptokitties.co/cattributes?total, мне нужно взять 12 первых объектов и по нажатии на кнопку получать следующие 12 и выводить их на стр.
что если бек не дал мне ключевых слов для ссылки типа /?limit = 12, чтобы манипулировать получением информации.
Как мне получать из базы определенное количество объектов или если я получил все объекты то работать только с первыми 12 и по кнопке "Add more" добавлять еще 12?

let url = 'https://api.cryptokitties.co/cattributes?total'
fetch(url)
.then(response => {
    if(!response.ok){
        throw `${response.status}`
    }
    return response.json().then((result)=>{
        document.querySelector(".wrapper").innerHTML = catsRender(result)
    })
})

function catsRender(cats) {
  let catsArr = cats.map(function (cat) {
    return createCat(cat);
});
  let content = ``;
  catsArr.forEach(function (catInfo) {
    content += catInfo;
});
return pageContent;
}

function createCat(kittie){
  return `
    <section class="cats-info">
      <div class="title">${kittie.description}</div>
      <div class="type">${kittie.type}</div>
      <div class="gane">${kittie.gene}</div>
      <div class="total">${kittie.total}</div>
    </section>
`
}

Comments

[Модератор]

drotsyk дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

Answer 1

[dmitry-toster]

Через фронт это можно по разному сделать. Основная идея сохранять все данные и при нажатии на кнопку возвращать промежуточную часть элементов массива, т.е примерно так.
Сколько элементов добавлять хранится в переменной LIMIT

Answer 2

[Elvis]

Никак. Если api это не предусматривает, то только выгружать всё, сохранять у себя и выдавать пользователю как хочешь.