`;
grid.innerHTML += cardHtml;
});
renderWpPagination();
}
function renderWpPagination() {
const controls = document.getElementById('wpPaginationControls');
if (!controls || blogData.length <= cardsPerPage) {
if(controls) controls.innerHTML = "";
return;
}
controls.innerHTML = "";
const totalPages = Math.ceil(blogData.length / cardsPerPage);
for (let i = 1; i <= totalPages; i++) {
const button = document.createElement('button');
button.className = `wp-page-btn ${i === currentPage ? 'active' : ''}`;
button.innerText = i;
button.addEventListener('click', () => {
currentPage = i;
renderWpGrid(currentPage);
const container = document.querySelector('.wp-blog-container');
if(container) {
container.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
controls.appendChild(button);
}
}
document.addEventListener("DOMContentLoaded", function() {
renderWpGrid(currentPage);
});
})();
