infinite scrolling in typescript

index.ts
let currentPage: number = 1;
29 chars
2 lines

index.ts
window.addEventListener('scroll', () => {
  if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
    // user has scrolled to the bottom of the page
  }
});
176 chars
6 lines

index.ts
window.addEventListener('scroll', () => {
  if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
    currentPage++;
    fetchData();
  }
});

function fetchData() {
  // make an API call to fetch data for the current page
}
244 chars
11 lines

index.ts
function fetchData() {
  // make an API call to fetch data for the current page
  fetch(`https://exampleapi.com/data?page=${currentPage}`)
    .then(response => response.json())
    .then(data => {
      // append the new data to the current list of items
      items.push(...data);
    });
}
293 chars
10 lines

index.ts
function fetchData() {
  // make an API call to fetch data for the current page
  fetch(`https://exampleapi.com/data?page=${currentPage}`)
    .then(response => response.json())
    .then(data => {
      // append the new data to the current list of items
      items.push(...data);

      // update the view to display the new items
      renderItems();
    });
}

function renderItems() {
  // update the view to display the current list of items
}
451 chars
17 lines