<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;
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.