Discussion on: Implementing Pagination feature in Vanilla JS

View post

Replies for: One usability issue here: the active page should always be in the middle of the rendered buttons, if there are enough pages to pad it. Otherwise, w...

Hey thanks for the feedback. I didn't quite get the functional approach. Can you elaborate a bit more for my benefit ?

Without providing a fully working example, instead of having a Pagination object, you merely use a pure function (same input always produces same output) to calculate the pagination that should be displayed:

const getPagination = (currentPage, pages, showPages) => {
  const pagination = []; // ...do the calculation
  return pagination;
};