<ul class="pagination">
  <li class="pagination__item">
  <li class="pagination__item"> <a class="pagination__item-link " href="#">1</a></li>
  <li class="pagination__item"><a class="pagination__item-link " href="#">2</a></li>
  <li class="pagination__item"><a class="pagination__item-link " href="#">3</a></li>
  <li class="pagination__item"><a class="pagination__item-link " href="#">4</a></li>
  <li class="pagination__item"><a class="pagination__item-link " href="#">5</a></li>
</ul>
<output></output>
/**
 * для вопроса https://qna.habr.com/q/1246998
 * Как вывести номер элемента в пагинации?
 */
 
document.querySelector('ul.pagination')
  .addEventListener('click', event => {
    event.preventDefault?.();
    const { target } = event;
    let a;
    if (target.tagName === 'A') {
      a = target;
    } else if (target.tagName === 'LI') {
      a = target.querySelector('a');
    } else {
      // куда вообще кликнули?
      return;
    }
  
    if (!a) {
      // нет цифры
      return;
    }

    const n = a.innerText;
    const url = `https://jsonplaceholder.typicode.com/posts?_start=${n}&_limit=10`;
  
    // вывод
    document.querySelector('output').innerText = url;
  
  });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.