Застрял на элементарном, не могу вынести переменную из функции, смысл функции такой, я создаю динамично pagination, потом я хочу получить переменную pageNum по клику на элемент навигации в которой будет ее innerHTML, переменная pageNum нужна для того чтобы менять url API, в функции по клику все отрабатывает правильно, но переменная нужна глобально.
var paginationList = document.querySelector(".pagination__list");
var paginationLi = [];
var pageNum;
function createPaginationControls(data) {
var count = data.count;
var countOfItems = Math.ceil(count / 10);
for (var i = 1; i <= countOfItems; i++) {
paginationItem = document.createElement("li");
paginationItem.className = "pagination__item";
paginationItem.innerHTML = i;
paginationList.append(paginationItem);
paginationLi.push(paginationItem);
};
for (var value of paginationLi) {
value.addEventListener("click", function() {
pageNum = this.innerHTML;
console.log(pageNum);
});
};
};
Полностью код можно посмотреть тут: https://github.com/PolyakovDen/StarWars-API Извините, если как-то не так что-то вставил и объяснил, поправляйте меня! Всем спасибо