Pagination via Rest API?

Question

JavaScript

Good afternoon. Not strong in working with Rest API. In this connection, I have a question - how to navigate through the pages (pagination) in case of receiving data via fetch? We need to somehow make it so that on click the url attribute (entry point) inside fetch changes according to which page we clicked on. I tried to write similar functions, but the url does not change in any way. Tell me, plz. I am attaching part of the code, since the whole code turned out to be very confusing.

const getProducts = async () => {
  const obj = await fetch('https://reqres.in/api/users?page=1');
  const result = await obj.json();
  ...
  ...
  ...
}

Answer 1

I tried to write similar functions, but the url does not change in any way.

And how will they change if they are hardcoded (i.e. ' https://reqres.in/api/users?page=1 ' will always send to the first page. You need to generate a link dynamically: for example

function fetch_data(page) { // Номер страницы
  const getProducts = async () => {
    const obj = await fetch('https://reqres.in/api/users?page=' + page); //
    const result = await obj.json();

  }
}
fetch_data(1);
fetch_data(2);
fetch_data(315);