Как создать нумерацию галереи изображений с помощью ванильного JavaScript для отображения 12 изображений на странице

Question

Я знаю, что об этом спрашивали много раз, но я новичок в этом, и я немного запутался. У меня есть галерея изображений, которую я создаю, используя путь из файла JSON и отображая их в HTML с помощью AJAX-запроса. У меня есть около 30 изображений, и я хочу сделать нумерацию страниц по 10 изображений на страницу. Как мне подходить к этому с Vanilla JS? Должен ли я сделать функцию с циклом FOR?

<div id="imageContainer"></div>

<script>
function renderImages(data) {
paginateGallery();
data.forEach(function (item) {
    const newImage = document.createElement('img');
    newImage.setAttribute('src', item.location)
    imageContainer.append(newImage);
 })

}

$.getJSON("/json/photos.json", function (data) {
renderImages(data);
});