Может ли кто-нибудь помочь мне с кодом Js - я хочу остановить ответ API после ввода 10 в событии прокрутки. при выполнен ⇐ Javascript

[Гость]

Я пробовал бесконечную прокрутку с использованием цитат по программированию API. Я хочу, чтобы при прокрутке вниз после загрузчика было только 10 кавычек, но при прокрутке вниз я должен получить еще 10 кавычек вместо того, чтобы получать кучу цитат от API. также прикрепляю ссылку на github - https://github.com/Realker23/30JSinfinescroll

const quotes = document.getElementById("quotes"); const loader = document.getElementById("loader"); пусть страница = 1; const скрытьLoader = () => { loader.classList.remove("показать"); }; const showLoader = () => { loader.classList.add("показать"); }; const getQuotes = async(page) => { const quotesUrl = `https://api.javascripttutorial.net/v1/q ... }&limit=10`; шоуЗагрузчик(); константный ответ = ожидание выборки (quotesUrl); если (!response.ok) { throw new Error(`Произошла ошибка: ${response.status}`); } const json = ожидайте ответа.json(); showQuotes(json.data); скрытьЗагрузчик(); }; const showQuotes = (массив) => { array.map((цитата) => { const quoteElement = document.createElement("blockquote"); quoteElement.classList.add("цитата"); quoteElement.innerHTML = `${quote.id}) ${quote.quote} ${quote.author`; quotes.appendChild(quoteElement); }); }; const loadQuotes = (страница) => { шоуЗагрузчик(); setTimeout(() => { getQuotes (страница); }, 500); }; document.addEventListener("прокрутка", () => { константа { прокрутка сверху, клиентВысота, прокруткаВысота } = document.documentElement; консоль.log( `scrollTop - ${scrollTop} clientHeight - ${clientHeight} ScrollHeight - ${scrollHeight}` ); if (scrollTop + clientHeight >= ScrollHeight - 5) { страница++; console.log(страница); loadQuotes (страница); } }); getQuotes(page); Цитаты по программированию